﻿.k-treeview-item {
    padding-top: 2px;
}
.k-treeview-group {
    background: transparent;
}

.k-treeview .k-hover {
    background-color: #fae185;
    color: #000;
}

.k-treeview .k-treeview-leaf-text {
    display: flex;
}

    .k-treeview .k-treeview-leaf-text > .badge {
        display: flex;
        align-items: center;
        padding: 0 .4em;
        line-height: 1.5;
    }

.k-treeview .k-treeview-leaf:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    content: "\f07b";
    margin-right: 5px;
    margin-left: 2px;
    color: #3b4c99;
    width: 16px;
}

.k-treeview .k-treeview-leaf.k-selected {
    color: #212529;
    background-color: #fae185;
}

    .k-treeview .k-treeview-leaf.k-selected:before {
        font-weight: 900;
        color: #f6980e;
        text-shadow: 1px 1px #f2f2f2;
    }

.k-treeview .k-treeview-leaf.k-focus, .k-treeview .k-treeview-leaf:focus {
    box-shadow: none;
}

.k-treeview .k-treeview-toggle {
    min-width: 16px;
    justify-content: center;
}

    .k-treeview .k-treeview-toggle .k-icon {
        font-size: 10px;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
    }

        .k-treeview .k-treeview-toggle .k-icon:before {
            content: "\f054";
            transition-duration: 0.2s;
            transition-property: transform;
        }

        .k-treeview .k-treeview-toggle .k-icon.k-i-collapse:before {
            transform: rotate(90deg);
        }

        .k-treeview .k-treeview-toggle .k-icon.k-i-expand:before {
            transform: rotate(0);
        }



.k-treeview .k-treeview-item[data-expanded="true"] > .k-treeview-top .k-treeview-leaf:before,
.k-treeview .k-treeview-item[data-expanded="true"] > .k-treeview-mid .k-treeview-leaf:before,
.k-treeview .k-treeview-item[data-expanded="true"] > .k-treeview-bot .k-treeview-leaf:before {
    content: "\f07c";
}

[dir=rtl] .k-treeview .k-treeview-toggle {
    margin-right: -16px;
    margin-left: 0;
}

[dir=rtl] .k-treeview .k-treeview-leaf {
    padding-right: .1rem;
}

    [dir=rtl] .k-treeview .k-treeview-leaf:before {
        margin-right: 2px;
        margin-left: 5px;
    }

.k-treeview .k-state-highlight {
    background-color: #317abe !important;
    border-color: #317abe !important;
    color: #FFF !important;
}
