.icon-24 {
    background-color: var(--Black-72);
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: auto;
}

    .icon-24:hover {
        background-color: var(--Blue-72);
    }

    .icon-24.disabled:hover {
        background-color: var(--Black-72);
        cursor: not-allowed;
    }


.icon-16 {
    background-color: var(--Black-72);
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: auto;
}

    .icon-16:hover {
        background-color: var(--Blue-72);
    }

    .icon-16.disabled:hover {
        background-color: var(--Black-72);
        cursor: not-allowed;
    }

.filter-icon {
    mask: url(/core/images/filter_list.svg) no-repeat center;
    -webkit-mask: url(/core/images/filter_list.svg) no-repeat center;
}

.add-circle-icon {
    mask: url(/core/images/plus-o.svg) no-repeat center;
    -webkit-mask: url(/core/images/plus-o.svg) no-repeat center;
}

.client-icon {
    mask: url(/core/images/client.svg) no-repeat center;
    -webkit-mask: url(/core/images/client.svg) no-repeat center;
}

.staffs-icon {
    mask: url(/core/images/staff-1.svg) no-repeat center;
    -webkit-mask: url(/core/images/staff-1.svg) no-repeat center;
}

.company-icon {
    mask: url(/core/images/Organization.svg) no-repeat center;
    -webkit-mask: url(/core/images/Organization.svg) no-repeat center;
}

.resource-icon {
    mask: url(/core/images/training.svg) no-repeat center;
    -webkit-mask: url(/core/images/training.svg) no-repeat center;
}

.dashboard-icon {
    mask: url(/core/images/insights.svg) no-repeat center;
    -webkit-mask: url(/core/images/insights.svg) no-repeat center;
}

.report-icon {
    mask: url(/core/images/Templates.svg) no-repeat center;
    -webkit-mask: url(/core/images/Templates.svg) no-repeat center;
}

.scheduling-icon {
    mask: url(/core/images/calendar.svg) no-repeat center;
    -webkit-mask: url(/core/images/calendar.svg) no-repeat center;
}

.tasks-icon {
    mask: url(/core/images/check-o.svg) no-repeat center;
    -webkit-mask: url(/core/images/check-o.svg) no-repeat center;
}

.billing-icon {
    mask: url(/core/images/billing.svg) no-repeat center;
    -webkit-mask: url(/core/images/billing.svg) no-repeat center;
}

.analytics-icon {
    mask: url(/core/images/BHAnalytics.svg) no-repeat center;
    -webkit-mask: url(/core/images/BHAnalytics.svg) no-repeat center;
}

.bars-icon-r {
    mask: url(/core/images/arrow-right-r.svg) no-repeat center;
    -webkit-mask: url(/core/images/arrow-right-r.svg) no-repeat center;
}

.bars-icon-l {
    mask: url(/core/images/arrow-left-r.svg) no-repeat center;
    -webkit-mask: url(/core/images/arrow-left-r.svg) no-repeat center;
}

.my-account-icon {
    mask: url(/core/images/profile.svg) no-repeat center;
    -webkit-mask: url(/core/images/profile.svg) no-repeat center;
}

.reset-password-icon {
    mask: url(/core/images/password.svg) no-repeat center;
    -webkit-mask: url(/core/images/password.svg) no-repeat center;
}

.logout-icon {
    mask: url(/core/images/log-out.svg) no-repeat center;
    -webkit-mask: url(/core/images/log-out.svg) no-repeat center;
}

.down-icon {
    mask: url(/core/images/chevron-down.svg) no-repeat center;
    -webkit-mask: url(/core/images/chevron-down.svg) no-repeat center;
}

.up-icon {
    mask: url(/core/images/chevron-up.svg) no-repeat center;
    -webkit-mask: url(/core/images/chevron-up.svg) no-repeat center;
}

.right-icon {
    mask: url(/core/images/chevron-right.svg) no-repeat center;
    -webkit-mask: url(/core/images/chevron-right.svg) no-repeat center;
}

.chevron-left-icon {
    mask: url(/core/images/chevron-left.svg) no-repeat center;
    -webkit-mask: url(/core/images/chevron-left.svg) no-repeat center;
}

.rebill-icon {
    mask: url(/core/images/rotation-left.svg) no-repeat center;
    -webkit-mask: url(/core/images/rotation-left.svg) no-repeat center;
}

.bill-next-icon {
    mask: url(/core/images/arrow-right-o.svg) no-repeat center;
    -webkit-mask: url(/core/images/arrow-right-o.svg) no-repeat center;
}

.block-icon {
    mask: url(/core/images/block.svg) no-repeat center;
    -webkit-mask: url(/core/images/block.svg) no-repeat center;
}

.notes-icon {
    mask: url(/core/images/notes.svg) no-repeat center;
    -webkit-mask: url(/core/images/notes.svg) no-repeat center;
}

.notes-r-icon {
    mask: url(/core/images/notes-r.svg) no-repeat center;
    -webkit-mask: url(/core/images/notes-r.svg) no-repeat center;
}

.void-icon {
    mask: url(/core/images/delete_sweep.svg) no-repeat center;
    -webkit-mask: url(/core/images/delete_sweep.svg) no-repeat center;
}

.flag-icon {
    mask: url(/core/images/flag.svg) no-repeat center;
    -webkit-mask: url(/core/images/flag.svg) no-repeat center;
}

.printer-icon {
    mask: url(/core/images/printer.svg) no-repeat center;
    -webkit-mask: url(/core/images/printer.svg) no-repeat center;
}

.chat-icon {
    mask: url(/core/images/chat-icon.svg) no-repeat center;
    -webkit-mask: url(/core/images/chat-icon.svg) no-repeat center;
}

.note-icon {
    mask: url(/core/images/notes.svg) no-repeat center;
    -webkit-mask: url(/core/images/notes.svg) no-repeat center;
}

.edit-icon {
    mask: url(/core/images/edit.svg) no-repeat center;
    -webkit-mask: url(/core/images/edit.svg) no-repeat center;
}

.trash-icon {
    mask: url(/core/images/trash.svg) no-repeat center;
    -webkit-mask: url(/core/images/trash.svg) no-repeat center;
}

.denied-icon {
    mask: url(/core/images/x-o.svg) no-repeat center;
    -webkit-mask: url(/core/images/x-o.svg) no-repeat center;
}

.processed-icon {
    mask: url(/core/images/check-o-status.svg) no-repeat center;
    -webkit-mask: url(/core/images/check-o-status.svg) no-repeat center;
}

.download-icon {
    mask: url(/core/images/download.svg) no-repeat center;
    -webkit-mask: url(/core/images/download.svg) no-repeat center;
}

.close-icon {
    mask: url(/core/images/x.svg) no-repeat center;
    -webkit-mask: url(/core/images/x.svg) no-repeat center;
}

.dollar-icon {
    mask: url(/core/images/dollar.svg) no-repeat center;
    -webkit-mask: url(/core/images/dollar.svg) no-repeat center;
}

.phone-icon {
    mask: url(/core/images/phone.svg) no-repeat center;
    -webkit-mask: url(/core/images/phone.svg) no-repeat center;
}

.mail-icon {
    mask: url(/core/images/mail.svg) no-repeat center;
    -webkit-mask: url(/core/images/mail.svg) no-repeat center;
}

.software-upload-icon {
    mask: url(/core/images/software-upload.svg) no-repeat center;
    -webkit-mask: url(/core/images/software-upload.svg) no-repeat center;
}

.file-document-icon {
    mask: url(/core/images/file-document.svg) no-repeat center;
    -webkit-mask: url(/core/images/file-document.svg) no-repeat center;
}

.close-o-icon {
    mask: url(/core/images/close-o.svg) no-repeat center;
    -webkit-mask: url(/core/images/close-o.svg) no-repeat center;
}

.push-pin-icon {
    mask: url(/core/images/push-pin.svg) no-repeat center;
    -webkit-mask: url(/core/images/push-pin.svg) no-repeat center;
}

.desc-var1-icon {
    mask: url(/core/images/desc-var1.svg) no-repeat center;
    -webkit-mask: url(/core/images/desc-var1.svg) no-repeat center;
}

.asc-var1-icon {
    mask: url(/core/images/asc-var1.svg) no-repeat center;
    -webkit-mask: url(/core/images/asc-var1.svg) no-repeat center;
}

.desc-var2-icon {
    mask: url(/core/images/desc-var2.svg) no-repeat center;
    -webkit-mask: url(/core/images/desc-var2.svg) no-repeat center;
}

.asc-var2-icon {
    mask: url(/core/images/asc-var2.svg) no-repeat center;
    -webkit-mask: url(/core/images/asc-var2.svg) no-repeat center;
}

.Buiding-icon {
    mask: url(/core/images/Buiding.svg) no-repeat center;
    -webkit-mask: url(/core/images/Buiding.svg) no-repeat center;
}

.pay-icon {
    mask: url(/core/images/pay.svg) no-repeat center;
    -webkit-mask: url(/core/images/pay.svg) no-repeat center;
}

.delete-icon {
    mask: url(/core/images/delete.svg) no-repeat center;
    -webkit-mask: url(/core/images/delete.svg) no-repeat center;
}

.edit-small-icon {
    mask: url(/core/images/edit-small.svg) no-repeat center;
    -webkit-mask: url(/core/images/edit-small.svg) no-repeat center;
}

.plus-icon {
    mask: url(/core/images/plus.svg) no-repeat center;
    -webkit-mask: url(/core/images/plus.svg) no-repeat center;
}

.reconcile-icon {
    mask: url(/core/images/reconcile.svg) no-repeat center;
    -webkit-mask: url(/core/images/reconcile.svg) no-repeat center;
}

.info-icon {
    mask: url(/core/images/info.svg) no-repeat center;
    -webkit-mask: url(/core/images/info.svg) no-repeat center;
}

.info-red-icon {
    mask: url(/core/images/info-red.svg) no-repeat center;
    -webkit-mask: url(/core/images/info-red.svg) no-repeat center;
}

.info-yellow-icon {
    mask: url(/core/images/info-yellow.svg) no-repeat center;
    -webkit-mask: url(/core/images/info-yellow.svg) no-repeat center;
}

.refresh-icon {
    mask: url(/core/images/refresh.svg) no-repeat center;
    -webkit-mask: url(/core/images/refresh.svg) no-repeat center;
}

.search-icon {
    mask: url(/core/images/search.svg) no-repeat center;
    -webkit-mask: url(/core/images/search.svg) no-repeat center;
}

.copy-icon {
    mask: url(/core/images/copy.svg) no-repeat center;
    -webkit-mask: url(/core/images/copy.svg) no-repeat center;
}

.software-download-icon {
    mask: url(/core/images/software-download.svg) no-repeat center;
    -webkit-mask: url(/core/images/software-download.svg) no-repeat center;
}

.arrow-top-right-r-icon {
    mask: url(/core/images/arrow-top-right-r.svg) no-repeat center;
    -webkit-mask: url(/core/images/arrow-top-right-r.svg) no-repeat center;
}

.arrow-up {
    mask: url(/core/images/arrow-up.svg) no-repeat center;
    -webkit-mask: url(/core/images/arrow-up.svg) no-repeat center;
}

.arrow-down {
    mask: url(/core/images/arrow-down.svg) no-repeat center;
    -webkit-mask: url(/core/images/arrow-down.svg) no-repeat center;
}

.help-icon {
    mask: url(/core/images/help.svg) no-repeat center;
    -webkit-mask: url(/core/images/help.svg) no-repeat center;
}

.simple-calendar {
    mask: url(/core/images/calendar.svg) no-repeat center;
    -webkit-mask: url(/core/images/calendar.svg) no-repeat center;
}

.delete-02-icon {
    mask: url(/core/images/delete-02.svg) no-repeat center;
    -webkit-mask: url(/core/images/delete-02.svg) no-repeat center;
}