.lib-icon {
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    width: 1.0rem;
    height: 1.0rem;
/*    background-color: #FA6C1A;*/
    vertical-align: middle;
}

.lib-toolbar-icon {
    display: inline-block;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    width: 1.3rem;
    height: 1.3rem;
}

.lib-icon-grid-command {
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    width: 1.0rem;
    height: 1.0rem;
    background-color: #7b7b7b;
    vertical-align: middle;
}

.lib-btn-card-icon {
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    width: 1.0rem;
    height: 1.0rem;
    background-color: black;
    vertical-align: middle;
}

.lib-btn-card-icon:disabled {
    background-color: indianred;
}

.lib-grid-column-header-icon {
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    width: 1.0rem;
    height: 1.0rem;
    background-color: black;
    vertical-align: middle;
}

.lib-panel-menu-icon {
    display: inline-block;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: var(--lib-panel-menu-icon-bg-color);
    width: 1.3rem;
    height: 1.3rem;
}

.lib-tree-view-icon {
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    width: 1.0rem;
    height: 1.0rem;
    background-color: var(--lib-tree-view-icon-bg-color);
    vertical-align: middle;
}

.lib-icon-white {
    background-color: white;
}

.lib-icon-disabled {
    background-color: var(--lib-icon-disabled-bg-color);
}

.lib-icon-input {
    background-color: darkgray;
}

.lib-icon-input:hover {
    background-color: gray;
}

.lib-clear-button-icon {
    mask-image: url("../images/clear-button-input.svg");
    -webkit-mask-image: url("../images/clear-button-input.svg");
}

.lib-clock-button-icon {
    mask-image: url("../images/clock.svg");
    -webkit-mask-image: url("../images/clock.svg");
}

.lib-chevron-left-icon {
    mask-image: url("../images/chevron-left.svg");
    -webkit-mask-image: url("../images/chevron-left.svg");
}

.lib-chevron-right-icon {
    mask-image: url("../images/chevron-right.svg");
    -webkit-mask-image: url("../images/chevron-right.svg");
}

.lib-chevron-up-icon {
    mask-image: url("../images/chevron-up.svg");
    -webkit-mask-image: url("../images/chevron-up.svg");
}

.lib-chevron-down-icon {
    mask-image: url("../images/chevron-down.svg");
    -webkit-mask-image: url("../images/chevron-down.svg");
}

.lib-chevron-double-left-icon {
    mask-image: url("../images/chevron-double-left.svg");
    -webkit-mask-image: url("../images/chevron-double-left.svg");
}

.lib-chevron-double-right-icon {
    mask-image: url("../images/chevron-double-right.svg");
    -webkit-mask-image: url("../images/chevron-double-right.svg");
}

.lib-calendar-dropdown-icon {
    mask-image: url("../images/calendar-dropdown.svg");
    -webkit-mask-image: url("../images/calendar-dropdown.svg");
}

.lib-caret-right-fill-icon {
    mask-image: url("../images/caret-right-fill.svg");
    -webkit-mask-image: url("../images/caret-right-fill.svg");
}

.lib-caret-down-fill-icon {
    mask-image: url("../images/caret-down-fill.svg");
    -webkit-mask-image: url("../images/caret-down-fill.svg");
}

.lib-pencil-square-icon {
    mask-image: url("../images/pencil-square.svg");
    -webkit-mask-image: url("../images/pencil-square.svg");
}

.lib-pencil-fill-icon {
    mask-image: url("../images/pencil-fill.svg");
    -webkit-mask-image: url("../images/pencil-fill.svg");
}

.lib-trash-icon {
    mask-image: url("../images/trash.svg");
    -webkit-mask-image: url("../images/trash.svg");
}

.lib-trash-fill-icon {
    mask-image: url("../images/trash-fill.svg");
    -webkit-mask-image: url("../images/trash-fill.svg");
}

.lib-trash-fill-2-icon {
    mask-image: url("../images/trash-fill-2.svg");
    -webkit-mask-image: url("../images/trash-fill-2.svg");
}

.lib-refresh-icon {
    mask-image: url("../images/refresh.svg");
    -webkit-mask-image: url("../images/refresh.svg");
}

.lib-plus-icon {
    mask-image: url("../images/plus.svg");
    -webkit-mask-image: url("../images/plus.svg");
}

.lib-arrow-up-icon {
    mask-image: url("../images/arrow-up.svg");
    -webkit-mask-image: url("../images/arrow-up.svg");
}

.lib-arrow-down-icon {
    mask-image: url("../images/arrow-down.svg");
    -webkit-mask-image: url("../images/arrow-down.svg");
}

.lib-arrow-left-icon {
    mask-image: url("../images/arrow-left.svg");
    -webkit-mask-image: url("../images/arrow-left.svg");
}

.lib-chevron-double-left-icon {
    mask-image: url("../images/chevron-double-left.svg");
    -webkit-mask-image: url("../images/chevron-double-left.svg");
}

.lib-chevron-double-right-icon {
    mask-image: url("../images/chevron-double-right.svg");
    -webkit-mask-image: url("../images/chevron-double-right.svg");
}

.lib-three-dots-icon {
    mask-image: url("../images/three-dots.svg");
    -webkit-mask-image: url("../images/three-dots.svg");
}

.lib-card-text-icon {
    mask-image: url("../images/card-text.svg");
    -webkit-mask-image: url("../images/card-text.svg");
}

.lib-search-icon {
    mask-image: url("../images/search.svg");
    -webkit-mask-image: url("../images/search.svg");
}

.lib-upload-icon {
    mask-image: url("../images/upload.svg");
    -webkit-mask-image: url("../images/upload.svg");
}

.lib-file-earmark-icon {
    mask-image: url("../images/file-earmark.svg");
    -webkit-mask-image: url("../images/file-earmark.svg");
}

.lib-list-icon {
    mask-image: url("../images/list.svg");
    -webkit-mask-image: url("../images/list.svg");
}

.lib-check2-icon {
    mask-image: url("../images/check2.svg");
    -webkit-mask-image: url("../images/check2.svg");
}

.lib-eye-icon {
    mask-image: url("../images/eye.svg");
    -webkit-mask-image: url("../images/eye.svg");
}

.lib-eye-slash-icon {
    mask-image: url("../images/eye-slash.svg");
    -webkit-mask-image: url("../images/eye-slash.svg");
}

.lib-box-arrow-left-icon {
    mask-image: url("../images/box-arrow-left.svg");
    -webkit-mask-image: url("../images/box-arrow-left.svg");
}

.lib-calendar-date-icon {
    mask-image: url("../images/calendar-date.svg");
    -webkit-mask-image: url("../images/calendar-date.svg");
}

.lib-calendar-day-icon {
    mask-image: url("../images/calendar-day.svg");
    -webkit-mask-image: url("../images/calendar-day.svg");
}

.lib-calendar-month-icon {
    mask-image: url("../images/calendar-month.svg");
    -webkit-mask-image: url("../images/calendar-month.svg");
}

.lib-calendar-week-icon {
    mask-image: url("../images/calendar-week.svg");
    -webkit-mask-image: url("../images/calendar-week.svg");
}

.lib-calendar-check-icon {
    mask-image: url("../images/calendar-check.svg");
    -webkit-mask-image: url("../images/calendar-check.svg");
}

.lib-grip-vertical-icon {
    mask-image: url("../images/grip-vertical.svg");
    -webkit-mask-image: url("../images/grip-vertical.svg");
}
.lib-grid-command-icon-disabled {
    opacity: 0.3;
    cursor: default;
}