.header-logo-d3view {
    width: 120px;
    background-image: url(../images/d3VIEW_Logo_WhiteV1.png);
    width: 120px;
    background-size: 95%;
    background-repeat: no-repeat;
    margin-top: 0!important;
    background-position: center
}

.header-logo-d3view:hover,.header-logo-d3view:active,.header-logo-d3view:focus {
    width: 120px;
    background-image: url(../images/d3VIEW_Logo_WhiteV3.png);
    background-size: 95%;
    background-color: transparent!important;
    background-repeat: no-repeat;
    margin-top: 10px
}

#flash {
    z-index: 1000;
    position: fixed;
    width: 400px;
    color: #fff;
    bottom: 0;
    right: 0
}

#flash_contents {
    margin-top: -3px
}

.tree-view {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.tree-view ul.tree-list {
    padding-left: 30px;
}

.tree-view ul.tree-list>li.tree-list-item {
    list-style: none;
    border-left: 0.5px solid #ccc;
}

.tree-view li.tree-list-item>div:hover {
    cursor: pointer;
}

.tree-view .flex {
    display: flex;
}

.tree-view .my-5 {
    padding: 5px 0px;
}

.tree-view .ml-10 {
    padding-left: 10px;
}

.tree-view .mr-5 {
    margin-right: 5px;
}

.tree-view .pr-5 {
    padding-right: 5px;
}

.tree-view .px-10 {
    padding: 0px 10px;
}

.tree-view .vertical-center {
    align-items: center;
}

ul.dropdown-menu li:hover {
    background-color: #eee;
}

.tree-view .tv-content *:not(.dataset-marker):not(.clickable) {
    pointer-events: none;
    word-break: break-all;
}

.tree-view li.tree-list-item>div>i.option-list:not(.show-dropdown) {
    opacity: 0;
    transition: opacity 0.4s;
}

.tree-view li.tree-list-item>div:hover>i.option-list {
    opacity: 1;
}

.tree-view li.tree-list-item>div>i.option-list.show-dropdown {
    background-color: #1366ae;
    color: #fff;
    border-radius: 4px;
}

.tree-view li.tree-list-item>div>span.options {
    opacity: 0;
    transition: opacity 0.4s;
}

.tree-view li.tree-list-item>div:hover>span.options {
    opacity: 1;
    color: #eee;
}

.tree-view li.tree-list-item>div:hover>span.options:hover {
    color: steelblue;
}

.tree-view .active {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
}

.tree-view .tv-content {
    padding: 5px 10px;
    border-radius: 4px;
}

.tree-view .no-border {
    border-left: none !important;
}


.tree-view {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.tree-view ul.tree-list {
    padding-left: 30px;
    width: 100%;
    margin: 0px !important;
    white-space: nowrap;
}

.tree-view ul.tree-list>li.tree-list-item {
    list-style: none;
    border-left: 0.5px solid #ccc;
    margin: 0px;
    height: 50px;
}

.tree-view ul.tree-list>li.tree-list-item[data-leaf="true"] .show-children {
    display: none;
}

.tree-view ul.tree-list>li.tree-list-item[data-leaf="true"] .item-icon {
    display: none;
}

.tree-view ul.tree-list>li.tree-list-item>.vertical-center.groups .tv-content {
    text-transform: capitalize;
}

.tree-view li.tree-list-item>div:hover {
    cursor: pointer;
}

.tree-view .flex {
    display: flex;
}

.tree-view .my-5 {
    padding: 5px 0px;
}

.tree-view .ml-10 {
    padding-left: 10px;
}

.tree-view .mr-5 {
    margin-right: 5px;
}

.tree-view .pr-5 {
    padding-right: 5px;
}

.tree-view .px-10 {
    padding: 0px 10px;
}

.tree-view .vertical-center {
    align-items: center;
}

ul.dropdown-menu li:hover {
    background-color: #eee;
}

.tree-view .tv-content *:not(.dataset-marker):not(.clickable) {
    pointer-events: none;
    word-break: break-all;
}

.tree-view .tv-content .clickable.overlay-items.selected {
    color: #428bca!important;
}
.tree-view li.tree-list-item>div>i.option-list:not(.show-dropdown) {
    opacity: 0;
    transition: opacity 0.4s;
}

.tree-view li.tree-list-item>div:hover>i.option-list {
    opacity: 1;
}

.tree-view li.tree-list-item>div>i.option-list.show-dropdown {
    background-color: #1366ae;
    color: #fff;
    border-radius: 4px;
}

.tree-view li.tree-list-item>div>span.options {
    opacity: 0;
    transition: opacity 0.4s;
}

.tree-view li.tree-list-item>div:hover>span.options {
    opacity: 1;
    color: #eee;
}

.tree-view li.tree-list-item>div:hover>span.options:hover {
    color: steelblue;
}

.tree-view .active {
    text-decoration: none;
    background-color: #e0f5fd;
    font-weight: 600;
}

.tree-view .active * {
    color: #179ed2;
}

.tree-view .tv-content {
    padding: 5px 10px;
    border-radius: 4px;
    max-width: 100%;
    overflow: hidden;
    word-break: break-all;
    white-space: break-spaces;
}

.tree-view .tv-content:hover {
    background-color: #e0eef7;
}

.tree-view .tv-content.ui-selecting {
    background-color: #e0eef7;
}

.tree-view .no-border {
    border-left: none !important;
}

.tree-view .badge {
    /*background-color: #e0f5fd !important;*/
    /*color: #179ed2 !important;*/
    /*position: absolute;*/
    /*right: 2px;*/
}

#tree-view-dropdown-menu .dropdown-menu {
    z-index: 2000;
}

/* classic tree view */

.tree-view .classic-tree-list {
    list-style: none;
    width: 100%;
    height: auto;
}

.tree-view .classic-tree-list>.classic-tree-list-item {
    width: 100%;
    height: auto;
    margin: 5px 0px;
}

.tree-view .classic-tree-list:empty:after {
    content: attr(data-placeholder);
    color: dimgrey;
    width: 100%;
    display: block;
    margin: 5px 0;
    padding: 0 25px;
}
.tree-view .classic-tree-list>.classic-tree-list-item div.list-item-content {
    width: 100%;
    height: auto;
    border-radius: 4px;

}

.tree-view .classic-tree-list>.classic-tree-list-item div.list-item-content:hover {
    background-color: #e7f3fe;
}

.tree-view .classic-tree-list>.classic-tree-list-item div.list-item-content.tv-active {
    background-color: #a4d5ff !important;
}

.tree-view .classic-tree-list>.classic-tree-list-item div.list-item-children-container {
    width: calc(100% - 12px);
    height: auto;
    margin-left: 12px;
}

.tree-view .classic-tree-list .tv-exapnd-folder {
    /*font-size: x-large;*/
    color: var(--d3view-secondary-color);
    width: 10px;
}

.tree-view .classic-tree-list>.classic-tree-list-item div.list-item-content:hover,
.tree-view .classic-tree-list>.classic-tree-list-item div.list-item-content:hover * {
    cursor: pointer;
}

.tree-view span.tv-add-item {
    color: var(--ribbon-active);
}
.tree-view .add-container {
    padding: 10px 25px;
    cursor: pointer;
}
.tree-view .add-container:hover {
    background-color: var(--dt-selection-color-light);
}
.tree-view span.tv-add-item:hover {
    cursor: pointer;
}

.filter-tree-container .tree-view ul.tree-list>li.tree-list-item {
    height: auto;
}