@font-face {
    font-family: 'Vazir-Regular-FD';
    src: url('fonts/Vazir-Regular-FD.eot'); /* IE9 Compat Modes */
    src: url('fonts/Vazir-Regular-FD.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/Vazir-Regular-FD.woff') format('woff2'), /* Modern Browsers */
    url('fonts/Vazir-Regular-FD.woff') format('woff'), /* Modern Browsers */
    url('fonts/Vazir-Regular-FD.otf') format('opentype'), /* Open Type Font */
    url('fonts/Vazir-Regular-FD.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}



.treeview {
    padding-right: 15px;
    line-height: 1.8;
}

    .treeview .tree-parent {
        font-weight: bold;
        color: #2c3e50;
    }

    .treeview .tree-leaf {
        color: #16a085;
    }

    .treeview .tree-node {
        cursor: pointer;
    }

        .treeview .tree-node:hover {
            background: #f0f0f0;
        }