.treeselect-input { display: flex; align-items: center; flex-wrap: wrap; cursor: text; }
.treeselect-input { width: 100%; border: 1px solid #dddddd; padding: 2px 48px 2px 7px; position: relative; min-height: 38px; background-color: #ffffff; }

.treeselect-input--unsearchable { cursor: default; }
.treeselect-input--unsearchable .treeselect-input__edit { caret-color: transparent; cursor: default; }
.treeselect-input--unsearchable .treeselect-input__edit:focus { position: absolute; z-index: -1; left: 0; min-width: 0; width: 0; }

.treeselect-input--value-not-selected .treeselect-input__edit,
.treeselect-input--value-not-selected.treeselect-input--unsearchable .treeselect-input__edit:focus { z-index: auto; position: static; width: 100%; max-width: 100%; }
.treeselect-input--value-not-selected .treeselect-input__tags { gap: 0; }

.treeselect-input--value-not-selected .treeselect-input__clear { display: none; }

.treeselect-input__tags { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px; max-width: 100%; width: 100%; }

.treeselect-input__tags-element { display: inline-flex; align-items: center; border: 1px solid #0099cc; color: #0099cc; cursor: pointer; padding: 2px 5px; font-size: 16px; max-width: 100%; }
.treeselect-input__tags-element:hover { background-color: #0099cc; color: #ffffff; }

.treeselect-input__tags-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.treeselect-input__tags-cross { display: flex; margin-left: 2px; }
.treeselect-input__tags-count { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.treeselect-input__edit { flex: 1; border: none; font-size: 16px; text-overflow: ellipsis; width: 100%; max-width: calc(100% - 45px); padding: 2px 48px 2px 6px; position: absolute; z-index: -1; min-width: 0; }
.treeselect-input__edit:focus { outline: none; min-width: 30px; max-width: 100%; z-index: auto; position: static; }

.treeselect-input__operators { display: flex; max-width: 48px; position: absolute; right: 2px; top: 5px; }

.treeselect-input__clear { display: flex; cursor: pointer; }
.treeselect-input__clear:hover .material-icons { color: #0099cc; }

.treeselect-input__arrow { display: flex; cursor: pointer; }

.treeselect-list { width: 100%; border: 1px solid #dddddd; overflow-y: auto; background-color: #ffffff; max-height: 300px; }

.treeselect-list__item { display: flex; align-items: center; cursor: pointer; height: 30px; }
.treeselect-list__item:focus { outline: none; }
.treeselect-list__item--focused { background-color: #0099cc; color: #ffffff; }
.treeselect-list__item--focused .treeselect-list__item-checkbox-icon .material-icons { color: #222933; }
.treeselect-list__item--hidden { display: none; }

.treeselect-list__item-icon { display: flex; align-items: center; cursor: pointer; height: 24px; width: 24px; min-width: 24px; }
.treeselect-list__item-icon * { pointer-events: none; }

.treeselect-list__item-checkbox-container { width: 20px; height: 20px; margin-left: 2px; min-width: 20px; border: 1px solid #dddddd; position: relative; background-color: #ffffff; pointer-events: none; }
.treeselect-list__item-checkbox { margin: 0; width: 0; height: 0; pointer-events: none; position: absolute; z-index: -1; }
.treeselect-list__item-checkbox-icon { position: absolute; height: 100%; width: 100%; left: -1px; top: -1px; text-align: left; }

.treeselect-list__item-label { width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; font-size: 16px; padding-left: 5px; pointer-events: none; text-align: left; }
.treeselect-list__item-label-counter { margin-left: 3px; color: #dddddd; font-size: 16px; }

.treeselect-list__empty { display: flex; align-items: center; height: 30px; padding-left: 4px; }
.treeselect-list__empty--hidden { display: none; }
.treeselect-list__empty-icon { display: flex; align-items: center; }
.treeselect-list__empty-text { font-size: 16px; padding-left: 5px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; }

.treeselect-list__slot { position: sticky; width: 100%; max-width: 100%; bottom: 0; background-color: #ffffff; }

.treeselect-list.treeselect-list--single-select .treeselect-list__item-checkbox-container,
.treeselect-list.treeselect-list--disabled-branch-node .treeselect-list__item--group .treeselect-list__item-checkbox-container { display: none; }

.treeselect-list.treeselect-list--single-select .treeselect-list__item--checked { background-color: transparent; }
.treeselect-list.treeselect-list--single-select .treeselect-list__item--single-selected { background-color: #0099cc; color: #ffffff; }


.treeselect-list__item--disabled .treeselect-list__item-label { color: #dddddd; }

.treeselect { width: 100%; position: relative; }
.treeselect--disabled { pointer-events: none; }

.treeselect-list { position: absolute; left: 0; z-index: 1000; }
.treeselect .treeselect-list { position: absolute; }
.treeselect .treeselect-list--static { position: static; }

.treeselect-input--opened.treeselect-input--top { border-top-color: transparent; }
.treeselect-input--opened.treeselect-input--bottom { border-bottom-color: transparent; }


.treeselect-list--top { left: 0; bottom: 100%; }
.treeselect-list--bottom { left: 0; top: 100%; }

.treeselect-all { padding: 8px; text-align: center; display: block; }

.treeselect-all:hover { background-color: #0099cc; color: #ffffff; }
