/* This file contains customizations to library css code we are using. Unlike corev15-hia-changes, this one is not intended to be temporary. */

.multiselect-container .multiselect-option:hover,
.multiselect-container .multiselect-group:hover,
.multiselect-container .multiselect-all:hover,
.multiselect-container .multiselect-option:focus,
.multiselect-container .multiselect-group:focus,
.multiselect-container .multiselect-all:focus {
    background-color: var(--dropdown-option-hover-color) !important;
}

.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active {
    background-color: var(--dropdown-option-selected-color);
}

.selectize-dropdown .active {
    background-color: var(--dropdown-option-hover-color);
}

/* We changed jstree icons in HIA-2889 and have to change jstree css to use our custom icons. Previously the library css
was modified directly. Only 32px icons were changed - this is why 32px icons have png file here while 40px is unmodified from libman. */
:root {
    --jstree-icon-url: url("/_layouts/15/images/jstree-32px.png");
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon,
#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er,
.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon,
#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er,
.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon,
#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
    background-image: var(--jstree-icon-url);
}

.jstree-default .jstree-file {
    background: var(--jstree-icon-url) -100px -68px no-repeat;
}

.jstree-default .jstree-folder {
    background: var(--jstree-icon-url) -260px -4px no-repeat;
}

.jstree-default-small .jstree-file {
    background: var(--jstree-icon-url) -103px -71px no-repeat;
}

.jstree-default-small .jstree-folder {
    background: var(--jstree-icon-url) -263px -7px no-repeat;
}

.jstree-default-large .jstree-file {
    background: var(--jstree-icon-url) -96px -64px no-repeat;
}

.jstree-default-large .jstree-folder {
    background: var(--jstree-icon-url) -256px 0px no-repeat;
}