:root {
    --svg-color: var(--color-crm-primary);
    --svg-size: 40px;
    --svg-size-margin: -10px;
}

.icon-svg {
    background-color: var(--svg-color);
    width: var(--svg-size);
    height: var(--svg-size);
    mask-size: contain;
    mask-position: center;
    -webkit-mask-repeat: inherit;
    mask-repeat: no-repeat;
    opacity: 0.99;
    transform: scale(.5);
    margin: var(--svg-size-margin);
}

    .icon-svg:hover {
        --svg-color: var(--color-crm-primary);
    }

    .icon-svg.icon-light {
        --svg-color: var(--color-crm-badge-text-dark);
    }

        .icon-svg.icon-light:hover {
            --svg-color: var(--color-crm-badge-text-dark);
        }

    .icon-svg.icon-danger {
        --svg-color: var(--color-ui-icon-primary-delete);
    }

        .icon-svg.icon-danger:hover {
            --svg-color: var(--color-ui-icon-primary-delete);
        }

/* toast */
.icon-check-circle {
    mask-image: url(/icons/default/check-circle.svg);
}

.icon-warning {
    mask-image: url(/icons/default/warning.svg);
}

.icon-error {
    mask-image: url(/icons/default/error.svg);
}

.icon-info {
    mask-image: url(/icons/default/info.svg);
}
.icon-dot {
    mask-image: url(/icons/default/dot.svg);
}
.icon-mini-dot {
    mask-image: url(/icons/default/mini-dot.svg);
}
/* sidebar */

.icon-accounts {
    mask-image: url(/icons/default/accounts.svg);
}

.icon-chevron-right {
    mask-image: url(/icons/default/chevron-right.svg);
}

.icon-connection {
    mask-image: url(/icons/default/connection.svg);
}

.icon-copy {
    mask-image: url(/icons/default/copy.svg);
}

.icon-cross {
    mask-image: url(/icons/default/cross.svg);
}

.icon-currency-rates {
    mask-image: url(/icons/default/currency-rates.svg);
}

.icon-dashboard {
    mask-image: url(/icons/default/dashboard.svg);
}

.icon-dashboard-alt {
    mask-image: url(/icons/default/dashboard_alt.svg);
}


.icon-datafeed-report {
    mask-image: url(/icons/default/datafeed-report.svg);
}

.icon-download-platform {
    mask-image: url(/icons/default/download-platform.svg);
}

.icon-graph {
    mask-image: url(/icons/default/graph.svg);
}

.icon-economic-news {
    mask-image: url(/icons/default/economic-news.svg);
}

.icon-edit {
    mask-image: url(/icons/default/edit.svg);
}

.icon-exchanges {
    mask-image: url(/icons/default/exchanges.svg);
}

.icon-eye {
    mask-image: url(/icons/default/eye.svg);
}

.icon-file {
    mask-image: url(/icons/default/file.svg);
}

.icon-group-symbols {
    mask-image: url(/icons/default/group-symbols.svg);
}

.icon-group-inverse {
    mask-image: url(/icons/default/group-inverse.svg);
}

.icon-group-universe-profiles {
    mask-image: url(/icons/default/group-universe-profiles.svg);
}

.icon-import-export {
    mask-image: url(/icons/default/import-export.svg);
}

.icon-logout {
    mask-image: url(/icons/default/logout.svg);
}

.icon-logs {
    mask-image: url(/icons/default/logs.svg);
}

.icon-look {
    mask-image: url(/icons/default/trading-rules.svg);
}

.icon-order-list {
    mask-image: url(/icons/default/order-list.svg);
}

.icon-overview {
    mask-image: url(/icons/default/overview.svg);
}

.icon-reports {
    mask-image: url(/icons/default/reports.svg);
}

.icon-sessions {
    mask-image: url(/icons/default/sessions.svg);
}

.icon-sidebar-collapse {
    mask-image: url(/icons/default/sidebar-collapse.svg);
}

.icon-statistics {
    mask-image: url(/icons/default/statistics.svg);
}

.icon-subscription-profiles {
    mask-image: url(/icons/default/subscription-profiles.svg);
}

.icon-symbols {
    mask-image: url(/icons/default/symbols.svg);
}

.icon-symbols-2 {
    mask-image: url(/icons/default/symbols-2.svg);
}

.icon-trade-list {
    mask-image: url(/icons/default/trade-list.svg);
}

.icon-trading-rules {
    mask-image: url(/icons/default/trading-rules.svg);
}

.icon-translations {
    mask-image: url(/icons/default/translations.svg);
}

.icon-user-details {
    mask-image: url(/icons/default/user-details.svg);
}

.icon-users {
    mask-image: url(/icons/default/users.svg);
}

.icon-various {
    mask-image: url(/icons/default/various.svg);
}

.icon-webhooks {
    mask-image: url(/icons/default/webhooks.svg);
}

.icon-webhooks-forward {
    mask-image: url(/icons/default/webhooks-forward.svg);
}

.icon-web-platform {
    mask-image: url(/icons/default/web-platform.svg);
}

.icon-news {
    mask-image: url(/icons/default/news.svg);
}

.card-view {
    mask-image: url(/icons/default/card_view.svg);
}

.icon-license {
    mask-image: url('/icons/default/license.svg');
}