/********************************/
/*Treeview as used for Hierarchy*/
/********************************/
div.k-treeview span.k-in {
    padding: .3rem 0 .3rem 1rem;
}

div.k-treeview ul.k-treeview-lines li.k-item.k-first.k-last div.k-top span.k-in span.topItem,
div.k-treeview ul.k-treeview-lines div.k-top span.k-in span.item,
div.k-treeview ul.k-treeview-lines div.k-mid span.k-in span.item,
div.k-treeview ul.k-treeview-lines div.k-bot span.k-in span.item,
div.k-treeview ul.k-treeview-lines ul.k-group li.k-item span.tagItem span.tagStructureText,
div.k-treeview ul.k-treeview-lines ul.k-group li.k-item span.tagItem {
    border-radius: 5px;
    padding: .5rem 1rem .5rem 1rem;
}

div.k-treeview ul.k-treeview-lines div.k-top,
div.k-treeview ul.k-treeview-lines div.k-mid,
div.k-treeview ul.k-treeview-lines div.k-bot,
div.k-treeview ul.k-treeview-lines div.k-top span.k-in,
div.k-treeview ul.k-treeview-lines div.k-mid span.k-in,
div.k-treeview ul.k-treeview-lines div.k-bot span.k-in {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
}

div.k-treeview ul.k-treeview-lines div.k-top span.k-in.k-state-hover,
div.k-treeview ul.k-treeview-lines ul.k-group li.k-item.k-state-hover,
div.k-treeview ul.k-treeview-lines ul.k-group li.k-item div.k-bot span.k-in.k-state-hover,
div.k-treeview ul.k-treeview-lines ul.k-group li.k-item div.k-mid span.k-in.k-state-hover,
div.k-treeview ul.k-treeview-lines div.k-top span.k-in.k-state-selected,
div.k-treeview ul.k-treeview-lines ul.k-group li.k-item.k-state-selected,
div.k-treeview ul.k-treeview-lines ul.k-group li.k-item div.k-bot span.k-in.k-state-selected,
div.k-treeview ul.k-treeview-lines ul.k-group li.k-item div.k-mid span.k-in.k-state-selected,
div.k-treeview ul.k-treeview-lines div.k-top span.k-in.k-state-focused,
div.k-treeview ul.k-treeview-lines ul.k-group li.k-item.k-state-focused,
div.k-treeview ul.k-treeview-lines ul.k-group li.k-item div.k-bot span.k-in.k-state-focused,
div.k-treeview ul.k-treeview-lines ul.k-group li.k-item div.k-mid span.k-in.k-state-focused {
    background-color: unset;
    background: unset;
}

/********/
/*Client*/
/********/
div.k-treeview ul.k-treeview-lines li.k-item.k-first.k-last div.k-top span.k-in span.topItem {
    background: var(--hierarchy-client-background);
    color: var(--hierarchy-client-font);
    display: flex;
    align-items: center;
}

div.k-treeview ul.k-treeview-lines li.k-item.k-first.k-last div.k-top span.k-in span.topItem.target span {
    margin-right: 10px;
}

/**********/
/*Category*/
/**********/
div.k-treeview ul.k-treeview-lines div.k-top span.k-in span.item,
div.k-treeview ul.k-treeview-lines div.k-mid span.k-in span.item,
div.k-treeview ul.k-treeview-lines div.k-bot span.k-in span.item {
    background: var(--hierarchy-category-background);
    color: var(--hierarchy-category-font);
    overflow: hidden;
    text-overflow: ellipsis;
}

/***************/
/*Show Dropzone*/
/***************/
div.k-treeview ul.k-treeview-lines div.k-top span.k-in span.item.target.showDropZone,
div.k-treeview ul.k-treeview-lines div.k-mid span.k-in span.item.target.showDropZone,
div.k-treeview ul.k-treeview-lines div.k-bot span.k-in span.item.target.showDropZone {
    background: var(--hierarchy-drag-and-drop-background);
    color: var(--hierarchy-drag-and-drop-font);
}

/*****/
/*Tag*/
/*****/
div.k-treeview ul.k-treeview-lines ul.k-group li.k-item span.tagItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

div.k-treeview ul.k-treeview-lines ul.k-group li.k-item span.tagItem span.tagStructureText,
div.k-treeview ul.k-treeview-lines ul.k-group li.k-item span.tagItem {
    background: var(--hierarchy-tag-background);
    color: var(--hierarchy-tag-font);
    overflow: hidden;
    text-overflow: ellipsis;
}

div.k-treeview ul.k-treeview-lines ul.k-group li.k-item span.tagItem.wrapper {
    background: none;
    color: var(--hierarchy-tag-font);
    padding: 0;
    display: flex;
    align-items: center;
}

div.k-treeview ul.k-treeview-lines ul.k-group li.k-item span.tagItem.wrapper span.tagStructureText {
    background: var(--hierarchy-tag-background);
    color: var(--hierarchy-tag-font);
}

div.k-top,
div.k-mid,
div.k-bot {
    max-width: 100%;
}

div.k-top span.k-in,
div.k-mid span.k-in,
div.k-bot span.k-in {
    width: 100%
}

div.k-top span.k-in span.tagItem,
div.k-mid span.k-in span.tagItem,
div.k-bot span.k-in span.tagItem,
div.k-top span.k-in span.tagItem.wrapper span.tagStructureText,
div.k-mid span.k-in span.tagItem.wrapper span.tagStructureText,
div.k-bot span.k-in span.tagItem.wrapper span.tagStructureText {
    max-width: 100%;
    padding-right: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}

/******************/
/*Mandatory Symbol*/
/******************/
div.k-treeview ul.k-treeview-lines div.k-top span.k-in span.glyphicons,
div.k-treeview ul.k-treeview-lines div.k-mid span.k-in span.glyphicons,
div.k-treeview ul.k-treeview-lines div.k-bot span.k-in span.glyphicons {
    margin-left: 5px;
}

.phoenix-treeview-checkboxes.k-widget.k-treeview {
    color: inherit;
}

.phoenix-treeview-checkboxes.k-treeview .k-in.k-state-hover {
    color: inherit;
    padding: 3px 0 3px 10px;
    margin: 0 0 0 4px;
    background: inherit;
    border-color: inherit;
    border: none;
}

.phoenix-treeview-checkboxes.k-treeview .k-in {
    color: inherit;
    padding: 3px 0 3px 10px;
    margin: 0 0 0 4px;
    background: inherit;
    border-color: inherit;
    border: none;
}

.phoenix-treeview-checkboxes.k-treeview .k-state-hover {
    color: inherit;
    padding: 3px 0 3px 10px;
    margin: 0 0 0 4px;
    background: inherit;
    border-color: inherit;
    border: none;
}

.phoenix-treeview-checkboxes.k-treeview .k-state-selected {
    padding: 3px 0 3px 10px;
    margin: 0 0 0 4px;
    background: inherit;
    border-color: inherit;
    border: none;
}

.phoenix-treeview-checkboxes.k-treeview .k-state-focused {
    box-shadow: none;
    background: inherit;
    border-color: inherit;
    border: none;
}

.phoenix-treeview-checkboxes.k-treeview .k-checkbox.k-state-indeterminate, .k-treeview .k-checkbox:indeterminate {
    border-color: #ccc;
    color: var(--checkbox-border);
    background-color: #fff;
}

.phoenix-treeview-checkboxes .k-draghandle.k-state-selected:hover,
.phoenix-treeview-checkboxes .k-ghost-splitbar-horizontal,
.phoenix-treeview-checkboxes .k-ghost-splitbar-vertical,
.phoenix-treeview-checkboxes .k-list > .k-state-highlight,
.phoenix-treeview-checkboxes .k-list > .k-state-selected,
.phoenix-treeview-checkboxes .k-marquee-color,
.phoenix-treeview-checkboxes .k-panel > .k-state-selected,
.phoenix-treeview-checkboxes .k-scheduler .k-today.k-state-selected,
.phoenix-treeview-checkboxes .k-state-selected,
.phoenix-treeview-checkboxes .k-state-selected:link,
.phoenix-treeview-checkboxes .k-state-selected:visited,
.phoenix-treeview-checkboxes .k-tool.k-state-selected {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
    border: none;
}

.k-in.k-state-selected {
    color: var(--accent-1);
}