/* Bialink's scoped, self-hosted 20px outline icon set.
 * Existing icon elements, classes, accessibility labels and event hooks remain
 * intact. Unmapped icons, spinners, third-party widgets and non-panel pages keep
 * their native icon font. Unsupported mask browsers keep the font fallback.
 */
@supports ((mask-image: url("")) or (-webkit-mask-image: url(""))) {
    #modernpanel i:is(.fa-home, .fa-th-large, .fa-dashboard, .fa-tachometer, .fa-tachometer-alt) { --bialink-ui-icon: url("../images/icons/home.svg"); }
    #modernpanel i:is(.fa-server, .fa-hdd-o, .fa-database, .fa-rocket, .fa-cubes, .fa-cloud) { --bialink-ui-icon: url("../images/icons/server.svg"); }
    #modernpanel i:is(.fa-globe, .fa-globe-americas, .fa-globe-europe) { --bialink-ui-icon: url("../images/icons/globe.svg"); }
    #modernpanel i:is(.fa-life-ring, .fa-support, .fa-life-bouy, .fa-life-buoy, .fa-headphones, .fa-comments, .fa-comments-o) { --bialink-ui-icon: url("../images/icons/support.svg"); }
    #modernpanel i:is(.fa-user, .fa-user-o, .fa-user-circle, .fa-user-circle-o) { --bialink-ui-icon: url("../images/icons/user.svg"); }
    #modernpanel i:is(.fa-users, .fa-group, .fa-user-plus, .fa-address-card-o) { --bialink-ui-icon: url("../images/icons/users.svg"); }
    #modernpanel i:is(.fa-credit-card, .fa-credit-card-alt, .fa-money, .fa-university, .fa-bank, .fa-wallet) { --bialink-ui-icon: url("../images/icons/card.svg"); }
    #modernpanel i:is(.fa-shopping-cart, .fa-shopping-basket) { --bialink-ui-icon: url("../images/icons/cart.svg"); }
    #modernpanel i:is(.fa-bell, .fa-bell-o) { --bialink-ui-icon: url("../images/icons/bell.svg"); }
    #modernpanel i:is(.fa-bars, .fa-navicon, .fa-reorder) { --bialink-ui-icon: url("../images/icons/menu.svg"); }
    #modernpanel i:is(.fa-search, .fa-search-plus) { --bialink-ui-icon: url("../images/icons/search.svg"); }
    #modernpanel i:is(.fa-plus, .fa-plus-circle, .fa-close, .fa-times, .fa-remove) { --bialink-ui-icon: url("../images/icons/plus.svg"); }
    #modernpanel i:is(.fa-cog, .fa-cogs, .fa-gear, .fa-gears, .fa-sliders) { --bialink-ui-icon: url("../images/icons/settings.svg"); }
    #modernpanel i:is(.fa-envelope, .fa-envelope-o, .fa-envelope-open-o) { --bialink-ui-icon: url("../images/icons/mail.svg"); }
    #modernpanel i:is(.fa-file-text-o, .fa-file-text, .fa-file-o, .fa-file-invoice, .fa-file-invoice-dollar) { --bialink-ui-icon: url("../images/icons/file.svg"); }
    #modernpanel i:is(.fa-book, .fa-bookmark, .fa-bookmark-o, .fa-info-circle) { --bialink-ui-icon: url("../images/icons/book.svg"); }
    #modernpanel i:is(.fa-sign-out, .fa-sign-out-alt) { --bialink-ui-icon: url("../images/icons/logout.svg"); }
    #modernpanel i:is(.fa-key, .fa-unlock-alt, .fa-lock) { --bialink-ui-icon: url("../images/icons/key.svg"); }
    #modernpanel i:is(.fa-arrow-right, .fa-angle-right, .fa-angle-double-right, .fa-chevron-right) { --bialink-ui-icon: url("../images/icons/arrow-right.svg"); }
    #modernpanel i:is(.fa-clock-o, .fa-history) { --bialink-ui-icon: url("../images/icons/clock.svg"); }

    #modernpanel :is(.modernclientmenu a.toggle, .bialink-panel-home, .mclientmobbtn, #sepeticon, .wnotifitibtn, .bialink-hero-actions, .bialink-balance-card, .bialink-stat-icon, .mpaneltitle h4, .bialink-dashboard-cell-action, .bialink-dashboard-shortcuts) i:is(.fa-home, .fa-th-large, .fa-dashboard, .fa-tachometer, .fa-tachometer-alt, .fa-server, .fa-hdd-o, .fa-database, .fa-rocket, .fa-cubes, .fa-cloud, .fa-globe, .fa-globe-americas, .fa-globe-europe, .fa-life-ring, .fa-support, .fa-life-bouy, .fa-life-buoy, .fa-headphones, .fa-comments, .fa-comments-o, .fa-user, .fa-user-o, .fa-user-circle, .fa-user-circle-o, .fa-users, .fa-group, .fa-user-plus, .fa-address-card-o, .fa-credit-card, .fa-credit-card-alt, .fa-money, .fa-university, .fa-bank, .fa-wallet, .fa-shopping-cart, .fa-shopping-basket, .fa-bell, .fa-bell-o, .fa-bars, .fa-navicon, .fa-reorder, .fa-search, .fa-search-plus, .fa-plus, .fa-plus-circle, .fa-close, .fa-times, .fa-remove, .fa-cog, .fa-cogs, .fa-gear, .fa-gears, .fa-sliders, .fa-envelope, .fa-envelope-o, .fa-envelope-open-o, .fa-file-text-o, .fa-file-text, .fa-file-o, .fa-file-invoice, .fa-file-invoice-dollar, .fa-book, .fa-bookmark, .fa-bookmark-o, .fa-info-circle, .fa-sign-out, .fa-sign-out-alt, .fa-key, .fa-unlock-alt, .fa-lock, .fa-arrow-right, .fa-angle-right, .fa-angle-double-right, .fa-chevron-right, .fa-clock-o, .fa-history):not(.fa-spin):not(.fa-pulse):not(.loadingicon) {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        font-style: normal;
        line-height: 1 !important;
        vertical-align: -.15em;
    }

    #modernpanel :is(.modernclientmenu a.toggle, .bialink-panel-home, .mclientmobbtn, #sepeticon, .wnotifitibtn, .bialink-hero-actions, .bialink-balance-card, .bialink-stat-icon, .mpaneltitle h4, .bialink-dashboard-cell-action, .bialink-dashboard-shortcuts) i:is(.fa-home, .fa-th-large, .fa-dashboard, .fa-tachometer, .fa-tachometer-alt, .fa-server, .fa-hdd-o, .fa-database, .fa-rocket, .fa-cubes, .fa-cloud, .fa-globe, .fa-globe-americas, .fa-globe-europe, .fa-life-ring, .fa-support, .fa-life-bouy, .fa-life-buoy, .fa-headphones, .fa-comments, .fa-comments-o, .fa-user, .fa-user-o, .fa-user-circle, .fa-user-circle-o, .fa-users, .fa-group, .fa-user-plus, .fa-address-card-o, .fa-credit-card, .fa-credit-card-alt, .fa-money, .fa-university, .fa-bank, .fa-wallet, .fa-shopping-cart, .fa-shopping-basket, .fa-bell, .fa-bell-o, .fa-bars, .fa-navicon, .fa-reorder, .fa-search, .fa-search-plus, .fa-plus, .fa-plus-circle, .fa-close, .fa-times, .fa-remove, .fa-cog, .fa-cogs, .fa-gear, .fa-gears, .fa-sliders, .fa-envelope, .fa-envelope-o, .fa-envelope-open-o, .fa-file-text-o, .fa-file-text, .fa-file-o, .fa-file-invoice, .fa-file-invoice-dollar, .fa-book, .fa-bookmark, .fa-bookmark-o, .fa-info-circle, .fa-sign-out, .fa-sign-out-alt, .fa-key, .fa-unlock-alt, .fa-lock, .fa-arrow-right, .fa-angle-right, .fa-angle-double-right, .fa-chevron-right, .fa-clock-o, .fa-history):not(.fa-spin):not(.fa-pulse):not(.loadingicon)::before {
        content: "" !important;
        display: block;
        flex: 0 0 auto;
        width: var(--bialink-ui-icon-size, 20px);
        height: var(--bialink-ui-icon-size, 20px);
        margin: 0;
        background-color: currentColor;
        -webkit-mask-image: var(--bialink-ui-icon);
        mask-image: var(--bialink-ui-icon);
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

    #modernpanel .modernclientmenu a.toggle i:is(.fa-home, .fa-th-large, .fa-dashboard, .fa-tachometer, .fa-tachometer-alt, .fa-server, .fa-hdd-o, .fa-database, .fa-rocket, .fa-cubes, .fa-cloud, .fa-globe, .fa-globe-americas, .fa-globe-europe, .fa-life-ring, .fa-support, .fa-life-bouy, .fa-life-buoy, .fa-headphones, .fa-comments, .fa-comments-o, .fa-user, .fa-user-o, .fa-user-circle, .fa-user-circle-o, .fa-users, .fa-group, .fa-user-plus, .fa-address-card-o, .fa-credit-card, .fa-credit-card-alt, .fa-money, .fa-university, .fa-bank, .fa-wallet, .fa-shopping-cart, .fa-shopping-basket, .fa-bell, .fa-bell-o, .fa-bars, .fa-navicon, .fa-reorder, .fa-search, .fa-search-plus, .fa-plus, .fa-plus-circle, .fa-close, .fa-times, .fa-remove, .fa-cog, .fa-cogs, .fa-gear, .fa-gears, .fa-sliders, .fa-envelope, .fa-envelope-o, .fa-envelope-open-o, .fa-file-text-o, .fa-file-text, .fa-file-o, .fa-file-invoice, .fa-file-invoice-dollar, .fa-book, .fa-bookmark, .fa-bookmark-o, .fa-info-circle, .fa-sign-out, .fa-sign-out-alt, .fa-key, .fa-unlock-alt, .fa-lock, .fa-arrow-right, .fa-angle-right, .fa-angle-double-right, .fa-chevron-right, .fa-clock-o, .fa-history):not(.fa-spin):not(.fa-pulse):not(.loadingicon) {
        flex: 0 0 20px;
        width: 20px !important;
        min-width: 20px;
        height: 20px;
    }

    #modernpanel :is(.bialink-hero-actions, .bialink-balance-card, .bialink-dashboard-cell-action, .bialink-shortcut em) {
        --bialink-ui-icon-size: 18px;
    }

    #modernpanel :is(.modernclientmenu a.toggle, .bialink-panel-home, .mclientmobbtn, #sepeticon, .wnotifitibtn, .bialink-hero-actions, .bialink-balance-card, .bialink-stat-icon, .mpaneltitle h4, .bialink-dashboard-cell-action, .bialink-dashboard-shortcuts) i:is(.fa-close, .fa-times, .fa-remove):not(.fa-spin):not(.fa-pulse):not(.loadingicon)::before {
        transform: rotate(45deg);
    }
}