/* Category Tree */
.category-tree > * > ul {
    padding-left : 0px;
}

.category-tree-node {
    list-style-type: none;
    cursor: pointer;
}

.category-tree-node ul {
    padding-left: 14px;
}

.category-tree-node .selected {
    font-weight: bold;
}

.category-tree-node.root {
    padding-left: 0px;
}

.category-tree-node .node-icon {
    padding-right: 5px;
    font-size: 12px;
}

.category-tree-node .node-count {
    padding-left: 5px;
}

.category-tree-node .node-toggle {
    min-width: 18px;
    font-size: 12px;
}

.category-tree-pills {
    margin-top: 15px;
    margin-right: 4px;
    display: inline-block;
}

.category-tree-pills a {
    font-size: 12px;
    line-height: 1.75;
    padding-left: 2px;
}

.category-tree .search-inpt {
    padding-bottom: 15px;
}

.category-tree .search-inpt i {
    pointer-events: all;
    color: #afafaf;
}

.category-tree ul {
    margin-top: 5px;
    margin-bottom: 0px;
}

.category-tree ul.results li {
    cursor: pointer;
    cursor: hand;
}

.category-tree ul.results li:hover {
    background-color: #f1f1f1;
}

.category-tree .clear-search-btn {
    cursor: pointer;
}

.modal-field.modal-footer {
    text-align: left;
}

.modal-field.modal-footer h4 {
    margin-top: 0px;
}

.modal-view {
    height: 400px;
    overflow: auto;
}

.tree-view.modal .modal-dialog,
.tree-vue.modal {
    margin-top: 5%;
}

.tree-view.modal {
    height: 100%;
    width: 100%;
    display: table;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.category-tag {
    color: #ffffff;
    max-width: 100%;
}

.category-tag>a, .category-tag>span {
    line-height: normal;
    text-align: left;
    text-decoration: none;
}

/* Vue Tree */
.tagged-tree-field span#close {
    cursor : pointer;
    color : black;
}

.tagged-tree-field .modal-footer .category-tag {
    cursor : pointer;
}

.tagged-tree-field .modal-footer .category-tag a span.category-name:after{
    content : "\f00d";
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    z-index : 10;
}


.tagged-tree-field .modal-body {
    max-height : 400px;
}

.tree-view.modal {
    text-align: left;
    background-color: rgba(0, 0, 0, 0.3);
}