/* ICON TYPE */

.btn-icon {
    font-size: 1.5rem;
    margin: 0 .25rem 0 0;
}

.flag-icon {
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
}

.icon {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-mask-repeat: no-repeat;
}

.editor-icon {
    font-size: 120%;
    margin: .25rem 0 0 0;
}

/* ICON TYPE - Progress Spinner */

.btn-icon-progress {
    width: 1.5rem;
    height: 1.5rem;
}

/* ICONS */

.icon-flag-at {
    background-image: url("../images/flag_at.svg");
}

.icon-flag-gb {
    background-image: url("../images/flag_gb.svg");
}

.icon-mail-reply {
    background-image: url("../images/mail-reply.svg");
}

.icon-envelope-crossed-out {
    background-image: url("../images/envelope-crossed-out.svg");
}

.icon-envelope-persons {
    background-image: url("../images/envelope-persons.svg");
}

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

.icon-edit-list {
    background-image: url("../images/edit-list.svg");
}

.icon-validation-warning {
    background-image: url("../images/validation-warning.svg");
}

/*ContexMenu*/
.menu-item-selected {
    background-color: #d5d8db;
}

.grid-context-menu-item-full-expand,
.grid-context-menu-item-full-collapse,
.grid-context-menu-item-sort-ascending,
.grid-context-menu-item-sort-descending,
.grid-context-menu-item-group-by-column,
.grid-context-menu-item-ungroup-column,
.grid-context-menu-item-clear-grouping,
.grid-context-menu-item-hide-column,
.grid-context-menu-item-column-chooser,
.grid-context-menu-item-fix-column-left,
.grid-context-menu-item-fix-column-right,
.grid-context-menu-item-unfix-column,
.grid-context-menu-item-insert-value,
.grid-context-menu-item-clear-filter,
.grid-context-menu-item-expand-row,
.grid-context-menu-item-collapse-row,
.grid-context-menu-item-expand-detail-row,
.grid-context-menu-item-collapse-detail-row,
.grid-context-menu-item-edit-row,
.grid-context-menu-item-delete-row {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-color: gray;
}

.dropdown-item:active .grid-context-menu-item-full-expand,
.dropdown-item:active .grid-context-menu-item-full-collapse,
.dropdown-item:active .grid-context-menu-item-sort-ascending,
.dropdown-item:active .grid-context-menu-item-sort-descending,
.dropdown-item:active .grid-context-menu-item-group-by-column,
.dropdown-item:active .grid-context-menu-item-ungroup-column,
.dropdown-item:active .grid-context-menu-item-clear-grouping,
.dropdown-item:active .grid-context-menu-item-hide-column,
.dropdown-item:active .grid-context-menu-item-column-chooser,
.dropdown-item:active .grid-context-menu-item-fix-column-left,
.dropdown-item:active .grid-context-menu-item-fix-column-right,
.dropdown-item:active .grid-context-menu-item-unfix-column,
.dropdown-item:active .grid-context-menu-item-insert-value,
.dropdown-item:active .grid-context-menu-item-clear-filter,
.dropdown-item:active .grid-context-menu-item-expand-row,
.dropdown-item:active .grid-context-menu-item-collapse-row,
.dropdown-item:active .grid-context-menu-item-expand-detail-row,
.dropdown-item:active .grid-context-menu-item-collapse-detail-row,
.dropdown-item:active .grid-context-menu-item-edit-row,
.dropdown-item:active .grid-context-menu-item-delete-row {
    background-color: white;
}

.dropdown-item.disabled .grid-context-menu-item-full-expand,
.dropdown-item.disabled .grid-context-menu-item-full-collapse,
.dropdown-item.disabled .grid-context-menu-item-sort-ascending,
.dropdown-item.disabled .grid-context-menu-item-sort-descending,
.dropdown-item.disabled .grid-context-menu-item-group-by-column,
.dropdown-item.disabled .grid-context-menu-item-ungroup-column,
.dropdown-item.disabled .grid-context-menu-item-clear-grouping,
.dropdown-item.disabled .grid-context-menu-item-unfix-column,
.dropdown-item.disabled .grid-context-menu-item-clear-filter,
.dropdown-item.disabled .grid-context-menu-item-expand-row,
.dropdown-item.disabled .grid-context-menu-item-collapse-row,
.dropdown-item.disabled .grid-context-menu-item-expand-detail-row,
.dropdown-item.disabled .grid-context-menu-item-collapse-detail-row,
.dropdown-item.disabled .grid-context-menu-item-edit-row,
.dropdown-item.disabled .grid-context-menu-item-delete-row {
    background-color: #c3c2c2;
}

.grid-context-menu-item-full-expand {
    mask-image: url(../images/icons-contextmenu/full-expand.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/full-expand.svg);
}

.grid-context-menu-item-full-collapse {
    mask-image: url(../images/icons-contextmenu/full-collapse.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/full-collapse.svg);
}

.grid-context-menu-item-sort-ascending {
    mask-image: url(../images/icons-contextmenu/sort-ascending.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/sort-ascending.svg);
}

.grid-context-menu-item-sort-descending {
    mask-image: url(../images/icons-contextmenu/sort-descending.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/sort-descending.svg);
}

.grid-context-menu-item-group-by-column {
    mask-image: url(../images/icons-contextmenu/group-by-column.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/group-by-column.svg);
}

.grid-context-menu-item-ungroup-column {
    mask-image: url(../images/icons-contextmenu/ungroup-column.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/ungroup-column.svg);
}

.grid-context-menu-item-clear-grouping {
    mask-image: url(../images/icons-contextmenu/clear-grouping.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/clear-grouping.svg);
}

.grid-context-menu-item-hide-column {
    mask-image: url(../images/icons-contextmenu/hide-column.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/hide-column.svg);
}

.grid-context-menu-item-column-chooser {
    mask-image: url(../images/icons-contextmenu/column-chooser.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/column-chooser.svg);
}

.grid-context-menu-item-fix-column-left {
    mask-image: url(../images/icons-contextmenu/fix-column-left.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/fix-column-left.svg);
}

.grid-context-menu-item-fix-column-right {
    mask-image: url(../images/icons-contextmenu/fix-column-right.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/fix-column-right.svg);
}

.grid-context-menu-item-unfix-column {
    mask-image: url(../images/icons-contextmenu/unfix-column.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/unfix-column.svg);
}

.grid-context-menu-item-insert-value {
    mask-image: url(../images/icons-contextmenu/file-earmark-plus.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/file-earmark-plus.svg);
}

.grid-context-menu-item-clear-filter {
    mask-image: url(../images/icons-contextmenu/clear-filter.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/clear-filter.svg);
}

.grid-context-menu-item-expand-row {
    mask-image: url(../images/icons-contextmenu/expand-row.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/expand-row.svg);
}

.grid-context-menu-item-collapse-row {
    mask-image: url(../images/icons-contextmenu/collapse-row.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/collapse-row.svg);
}

.grid-context-menu-item-expand-detail-row {
    mask-image: url(../images/icons-contextmenu/expand-detail-row.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/expand-detail-row.svg);
}

.grid-context-menu-item-collapse-detail-row {
    mask-image: url(../images/icons-contextmenu/collapse-detail-row.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/collapse-detail-row.svg);
}

.grid-context-menu-item-edit-row {
    mask-image: url(../images/icons-contextmenu/edit-row.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/edit-row.svg);
}

.grid-context-menu-item-delete-row {
    mask-image: url(../images/icons-contextmenu/delete-row.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/delete-row.svg);
}

.grid-context-menu-item-show-group-panel,
.grid-context-menu-item-filter-row,
.grid-context-menu-item-footer {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}

.menu-item-selected .grid-context-menu-item-show-group-panel,
.menu-item-selected .grid-context-menu-item-filter-row,
.menu-item-selected .grid-context-menu-item-footer {
    background-color: gray;
}

.menu-item-selected.dropdown-item:active .grid-context-menu-item-show-group-panel,
.menu-item-selected.dropdown-item:active .grid-context-menu-item-filter-row,
.menu-item-selected.dropdown-item:active .grid-context-menu-item-footer {
    background-color: white;
}

.menu-item-selected .grid-context-menu-item-show-group-panel,
.menu-item-selected .grid-context-menu-item-filter-row,
.menu-item-selected .grid-context-menu-item-footer {
    mask-image: url(../images/icons-contextmenu/item-checked.svg);
    -webkit-mask-image: url(../images/icons-contextmenu/item-checked.svg);
}