/* Toolbar */
.yuboicon, .Btnicon {
    display: inline-block;
    background-color: currentColor;
    width: 16px;
    height: 16px;
    opacity: 0.7;
    -webkit-mask-size: cover;
}

.icon-bold {
    -webkit-mask-image: url("./images/icons/bold.svg");
    mask-image: url("./images/icons/bold.svg");
}

.icon-calendar {
    -webkit-mask-image: url("./images/icons/calendar.svg");
    mask-image: url("./images/icons/calendar.svg");
}

.icon-italic {
    -webkit-mask-image: url("./images/icons/italic.svg");
    mask-image: url("./images/icons/italic.svg");
}

.icon-underline {
    -webkit-mask-image: url("./images/icons/underline.svg");
    mask-image: url("./images/icons/underline.svg");
}

.icon-align-left {
    -webkit-mask-image: url("./images/icons/align-left.svg");
    mask-image: url("./images/icons/align-left.svg");
}

.icon-align-center {
    -webkit-mask-image: url("./images/icons/align-center.svg");
    mask-image: url("./images/icons/align-center.svg");
}

.icon-align-right {
    -webkit-mask-image: url("./images/icons/align-right.svg");
    mask-image: url("./images/icons/align-right.svg");
}

.icon-undo {
    -webkit-mask-image: url("./images/icons/undo.svg");
    mask-image: url("./images/icons/undo.svg");
}

.icon-redo {
    -webkit-mask-image: url("./images/icons/redo.svg");
    mask-image: url("./images/icons/redo.svg");
}

.icon-paste {
    -webkit-mask-image: url("./images/icons/paste.svg");
    mask-image: url("./images/icons/paste.svg");
}

.icon-info {
    mask-image: url("./images/icons/info.svg");
    -webkit-mask-image: url("./images/icons/info.svg");
}

.icon-save {
    mask-image: url("./images/icons/save.svg");
    -webkit-mask-image: url("./images/icons/save.svg");
}

.icon-settings {
    mask-image: url("./images/icons/settings.svg");
    -webkit-mask-image: url("./images/icons/settings.svg");
}

.icon-refresh {
    mask-image: url("./images/icons/refresh.svg");
    -webkit-mask-image: url("./images/icons/refresh.svg");
}

.icon-paragraph {
    mask-image: url("./images/icons/paragraph.svg");
    -webkit-mask-image: url("./images/icons/paragraph.svg");
}

.icon-watermark {
    mask-image: url("./images/icons/watermark.svg");
    -webkit-mask-image: url("./images/icons/watermark.svg");
}

.icon-alert {
    mask-image: url("./images/icons/alert.svg");
    -webkit-mask-image: url("./images/icons/alert.svg");
}

.icon-font {
    -webkit-mask-image: url("./images/icons/font.svg");
    mask-image: url("./images/icons/font.svg");
}


.icon-resnavigator {
    width: 1rem;
    height: 1rem;
    -webkit-mask: url("./images/icons/scheduler-navigator.svg");
    mask: url("./images/icons/scheduler-navigator.svg");
    background-color: currentColor;
}


.icon-time {
    -webkit-mask: url("./images/icons/time.svg");
    mask: url("./images/icons/time.svg");
   
}

.icon-time-fill {
    -webkit-mask: url("./images/icons/time-fill.svg");
    mask: url("./images/icons/time-fill.svg");
}

.icon-tentative {
    background-color: currentColor;
    -webkit-mask: url("./images/icons/quest.svg");
    mask: url("./images/icons/quest.svg");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    height: 1rem;
    width: 1rem;
    mask-size: 1rem;
    -webkit-mask-size: 1rem;
    margin: 0 8px 0 0;
}

.icon-edit {
    -webkit-mask: url("./images/icons/scheduler-edit.svg");
    mask: url("./images/icons/scheduler-edit.svg");
}

.icon-add {
    -webkit-mask: url("./images/icons/scheduler-add.svg");
    mask: url("./images/icons/scheduler-add.svg");
}

.icon-delete {
    -webkit-mask: url("./images/icons/scheduler-delete.svg");
    mask: url("./images/icons/scheduler-delete.svg");
}

.tabs-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

.tabs-icon-support {
    mask-image: url("./images/icons/support.svg");
    -webkit-mask-image: url("./images/icons/support.svg");
}

.tabs-icon-products {
    mask-image: url("./images/icons/products.svg");
    -webkit-mask-image: url("./images/icons/products.svg");
}



.icon-home {
    mask-image: url("./images/icons/home.svg");
    -webkit-mask-image: url("./images/icons/home.svg");
}

.icon-support {
    mask-image: url("./images/icons/support.svg");
    -webkit-mask-image: url("./images/icons/support.svg");
}

.icon-products {
    mask-image: url("./images/icons/products.svg");
    -webkit-mask-image: url("./images/icons/products.svg");
}

.icon-contacts {
    mask-image: url("./images/icons/contacts.svg");
    -webkit-mask-image: url("./images/icons/contacts.svg");
}

.icon-sort-by {
    mask-image: url("./images/icons/sort.svg");
    -webkit-mask-image: url("./images/icons/sort.svg");
}

.icon-copy {
    mask-image: url("./images/icons/copy.svg");
    -webkit-mask-image: url("./images/icons/copy.svg");
}

.icon-cut {
    mask-image: url("./images/icons/cut.svg");
    -webkit-mask-image: url("./images/icons/cut.svg");
}

.icon-clear {
    mask-image: url("./images/icons/clear.svg");
    -webkit-mask-image: url("./images/icons/clear.svg");
}

.icon-close {
    mask-image: url("./images/icons/close.svg");
    -webkit-mask-image: url("./images/icons/close.svg");
}

.icon-user-profile {
    mask-image: url("./images/icons/user-profile.svg");
    -webkit-mask-image: url("./images/icons/user-profile.svg");
}


.icon-chart-line {
    mask-image: url("./images/icons/chart-line.svg");
    -webkit-mask-image: url("./images/icons/chart-line.svg");
}

.icon-chart-pie {
    mask-image: url("./images/icons/chart-pie.svg");
    -webkit-mask-image: url("./images/icons/chart-pie.svg");
}

.icon-chart-bar {
    mask-image: url("./images/icons/chart-bar.svg");
    -webkit-mask-image: url("./images/icons/chart-bar.svg");
}

.icon-chart-area {
    mask-image: url("./images/icons/chart-area.svg");
    -webkit-mask-image: url("./images/icons/chart-area.svg");
}



.icon-chart-export {
    -webkit-mask-image: url("./images/icons/export.svg");
    mask-image: url("./images/icons/export.svg");
}

.icon-chart-export-to-png {
    -webkit-mask-image: url("./images/icons/export-png.svg");
    mask-image: url("./images/icons/export-png.svg");
}

.icon-chart-export-to-jpeg {
    -webkit-mask-image: url("./images/icons/export-jpg.svg");
    mask-image: url("./images/icons/export-jpg.svg");
}

.icon-chart-export-to-pdf {
    -webkit-mask-image: url("./images/icons/export-pdf.svg");
    mask-image: url("./images/icons/export-pdf.svg");
}

.icon-editor-icon-caret-right {
    -webkit-mask-image: url("./images/icons/caret-right.svg");
    mask-image: url("./images/icons/caret-right.svg");
}

.icon-editor-icon-caret-left {
    -webkit-mask-image: url("./images/icons/caret-left.svg");
    mask-image: url("./images/icons/caret-left.svg");
}

.icon-editor-icon-chevron-right-small {
    -webkit-mask-image: url("./images/icons/chevron-right-small.svg");
    mask-image: url("./images/icons/chevron-right-small.svg");
}

.icon-editor-icon-chevron-left-small {
    -webkit-mask-image: url("./images/icons/chevron-left-small.svg");
    mask-image: url("./images/icons/chevron-left-small.svg");
}

.icon-editor-rmb {
    -webkit-mask-image: url("./images/icons/editor-rmb.svg");
    mask-image: url("./images/icons/editor-rmb.svg");
}

.icon-editor-icon-dollar {
    -webkit-mask-image: url("./images/icons/dollar.svg");
    mask-image: url("./images/icons/dollar.svg");
}

.icon-editor-icon-euro {
    -webkit-mask-image: url("./images/icons/euro.svg");
    mask-image: url("./images/icons/euro.svg");
}

.icon-editor-icon-documentation {
    -webkit-mask-image: url("./images/icons/grid-toolbar-document.svg");
    mask-image: url("./images/icons/grid-toolbar-document.svg");
}

.icon-editor-icon-add {
    -webkit-mask-image: url("./images/icons/add.svg");
    mask-image: url("./images/icons/add.svg");
}

.icon-editor-icon-mail {
    -webkit-mask-image: url("./images/icons/mail.svg");
    mask-image: url("./images/icons/mail.svg");
}

.icon-editor-mail-fill {
    -webkit-mask-image: url("./images/icons/mail-fill.svg");
    mask-image: url("./images/icons/mail-fill.svg");
}

.icon-editor-icon-city {
    -webkit-mask-image: url("./images/icons/city.svg");
    mask-image: url("./images/icons/city.svg");
}

.icon-editor-icon-birthdate {
    -webkit-mask-image: url("./images/icons/birthdate.svg");
    mask-image: url("./images/icons/birthdate.svg");
}

.icon-editor-date {
    -webkit-mask-image: url("./images/icons/date.svg");
    mask-image: url("./images/icons/date.svg");
}

.icon-table {
    mask-image: url("./images/icons/table.svg");
    -webkit-mask-image: url("./images/icons/table.svg");
}


.icon-grid-icon-check {
    mask-image: url("./images/icons/check.svg");
    -webkit-mask-image: url("./images/icons/check.svg");
}


/* Popup, Flyout*/
.icon-popup-icon-user {
    -webkit-mask-image: url("./images/icons/popup-user.svg");
    mask-image: url("./images/icons/popup-user.svg");
}

.icon-popup-icon-birthday {
    -webkit-mask-image: url("./images/icons/popup-birthday.svg");
    mask-image: url("./images/icons/popup-birthday.svg");
}

.icon-popup-icon-worked {
    -webkit-mask-image: url("./images/icons/popup-worked.svg");
    mask-image: url("./images/icons/popup-worked.svg");
}

.icon-popup-icon-position {
    -webkit-mask-image: url("./images/icons/popup-position.svg");
    mask-image: url("./images/icons/popup-position.svg");
}


.icon-demo-resnavigator-icon {
    -webkit-mask: url("./images/icons/scheduler-navigator.svg");
    mask: url("./images/icons/scheduler-navigator.svg");
    background-color: currentColor;
}


.icon-edit {
    -webkit-mask: url("./images/icons/scheduler-edit.svg");
    mask: url("./images/icons/scheduler-edit.svg");
}

.icon-add {
    -webkit-mask: url("./images/icons/scheduler-add.svg");
    mask: url("./images/icons/scheduler-add.svg");
}

.icon-delete {
    -webkit-mask: url("./images/icons/scheduler-delete.svg");
    mask: url("./images/icons/scheduler-delete.svg");
}

.icon-tabs-home {
    mask-image: url("./images/icons/home.svg");
    -webkit-mask-image: url("./images/icons/home.svg");
}

.icon-tabs-support {
    mask-image: url("./images/icons/support.svg");
    -webkit-mask-image: url("./images/icons/support.svg");
}

.icon-tabs-products {
    mask-image: url("./images/icons/products.svg");
    -webkit-mask-image: url("./images/icons/products.svg");
}
.icon-search {
    mask-image: url("./images/icons/search.svg");
    -webkit-mask-image: url("./images/icons/search.svg");
}
.icon-cancel-search {
    mask-image: url("./images/icons/cancel-search.svg");
    -webkit-mask-image: url("./images/icons/cancel-search.svg");
}

.icon-shenhe {
    mask-image: url("./images/icons/shenhe.svg");
    -webkit-mask-image: url("./images/icons/shenhe.svg");
}
.icon-delete-lajit {
    mask-image: url("./images/icons/delete-lajit.svg");
    -webkit-mask-image: url("./images/icons/delete-lajit.svg");
}
.icon-language {
    mask-image: url("./images/icons/language.svg");
    -webkit-mask-image: url("./images/icons/language.svg");
}

.icon-out {
    mask-image: url("./images/icons/out.svg");
    -webkit-mask-image: url("./images/icons/out.svg");
}
.icon-exit {
    mask-image: url("./images/icons/exit.svg");
    -webkit-mask-image: url("./images/icons/exit.svg");
}
.icon-prohibit {
    mask-image: url("./images/icons/prohibit.svg");
    -webkit-mask-image: url("./images/icons/prohibit.svg");
}
.icon-organization {
    mask-image: url("./images/icons/organization.svg");
    -webkit-mask-image: url("./images/icons/organization.svg");
}

.icon-xiangGuan {
    mask-image: url("./images/icons/xiangGuan.svg");
    -webkit-mask-image: url("./images/icons/xiangGuan.svg");
}

.icon-xiuxiang16 {
    mask-image: url("./images/icons/xiuxiang16.svg");
    -webkit-mask-image: url("./images/icons/xiuxiang16.svg");
}

.icon-zhakou {
    mask-image: url("./images/icons/zhakou.svg");
    -webkit-mask-image: url("./images/icons/zhakou.svg");
}

.icon-xiuli {
    mask-image: url("./images/icons/xiuli.svg");
    -webkit-mask-image: url("./images/icons/xiuli.svg");
}

.icon-setting2 {
    mask-image: url("./images/icons/setting2.svg");
    -webkit-mask-image: url("./images/icons/setting2.svg");
}

.icon-file {
    mask-image: url("./images/icons/file.svg");
    -webkit-mask-image: url("./images/icons/file.svg");
}


.icon-floder-close {
    mask-image: url("./images/icons/folder-close.svg");
    -webkit-mask-image: url("./images/icons/folder-close.svg");
}

.icon-floder-open {
    mask-image: url("./images/icons/folder-open.svg");
    -webkit-mask-image: url("./images/icons/folder-open.svg");
}

.icon-upload {
    mask-image: url("./images/icons/upload.svg");
    -webkit-mask-image: url("./images/icons/upload.svg");
}

.icon-file-upload {
    mask-image: url("./images/icons/file-upload.svg");
    -webkit-mask-image: url("./images/icons/file-upload.svg");
}

.icon-more {
    mask-image: url("./images/icons/more.svg");
    -webkit-mask-image: url("./images/icons/more.svg");
}

.icon-basic-info {
    mask-image: url("./images/icons/basicInfo.svg");
    -webkit-mask-image: url("./images/icons/basicInfo.svg");
}

.icon-rule-seting {
    mask-image: url("./images/icons/ruleSeting.svg");
    -webkit-mask-image: url("./images/icons/ruleSeting.svg");
}

.icon-img-download {
    mask-image: url("./images/icons/imgDownload.svg");
    -webkit-mask-image: url("./images/icons/imgDownload.svg");
}

.icon-check-mark {
    mask-image: url("./images/icons/checkMark.svg");
    -webkit-mask-image: url("./images/icons/checkMark.svg");
}

.icon-check-plan {
    mask-image: url("./images/icons/checkPlan.svg");
    -webkit-mask-image: url("./images/icons/checkPlan.svg");
}

.icon-quick-check {
    mask-image: url("./images/icons/quickCheck.svg");
    -webkit-mask-image: url("./images/icons/quickCheck.svg");
}

.icon-export-excel {
    mask-image: url("./images/icons/export-excel.svg");
    -webkit-mask-image: url("./images/icons/export-excel.svg");
}

.icon-export-pdf {
    mask-image: url("./images/icons/export-PDF-01.svg");
    -webkit-mask-image: url("./images/icons/export-PDF-01.svg");
}

.icon-printer {
    mask-image: url("./images/icons/printer.svg");
    -webkit-mask-image: url("./images/icons/printer.svg");
}

.icon-printer-preview {
    mask-image: url("./images/icons/print-preview-01.svg");
    -webkit-mask-image: url("./images/icons/print-preview-01.svg");
}
/*导出*/
.icon-new-export {
    mask-image: url("./images/icons/new-export.svg");
    -webkit-mask-image: url("./images/icons/new-export.svg");
}
/*导入*/
.icon-new-import {
    mask-image: url("./images/icons/new-import.svg");
    -webkit-mask-image: url("./images/icons/new-import.svg");
}

/*报表设计*/
.icon-reform-design {
    mask-image: url("./images/icons/reFormDesign.svg");
    -webkit-mask-image: url("./images/icons/reFormDesign.svg");
}
/*子报表设计*/
.icon-subreform-design {
    mask-image: url("./images/icons/subReFormDesign.svg");
    -webkit-mask-image: url("./images/icons/subReFormDesign.svg");
}

/*新增数据集*/
.icon-reform-add {
    mask-image: url("./images/icons/reFormAdd.svg");
    -webkit-mask-image: url("./images/icons/reFormAdd.svg");
}

/*删除数据集*/
.icon-reform-del {
    mask-image: url("./images/icons/ReFormDel.svg");
    -webkit-mask-image: url("./images/icons/ReFormDel.svg");
}

/*新增子数据集*/
.icon-subreform-add {
    mask-image: url("./images/icons/subReFormAdd .svg");
    -webkit-mask-image: url("./images/icons/subReFormAdd .svg");
}