/*Organization Tree*/
.tree * {
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 1278px) {
    .tree-responsive {
        overflow-x: auto;
    }
}


/*Organization Tree*/
.tree * {
    margin: 0;
    padding: 0;
}

.tree-responsive {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: .25rem;
    /*overflow-x: auto;*/
    /*overflow-x: auto;*/
}

.tree {
    width: 1940px;
    /* overflow-x: scroll; */
    /*margin-bottom: 100px;*/
    /*border: 1px solid #ddd;
    border-radius: .25rem;*/
    padding: 30px 25px 50px 10px;
    position: relative;
    left: -270px;
}

    .tree ul {
        padding-top: 20px;
        position: relative;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        width: fit-content;
        /*margin: 0 auto !important;*/
    }

    .tree li {
        float: left;
        text-align: center;
        list-style-type: none;
        position: relative;
        padding: 20px 1px 0 5px;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
    }

.tree-child::after {
    /*right: auto;
    left: 50%;
    border-left: 1px solid #ccc;*/
    /* width: 70% !important;*/
    /*left: 31% !important;*/
}


/*.tree-child li::before, .tree-child li::after {
    width: 50% !important;
    height: 120px !important;
}*/


.tree-child li::after {
    /*right: auto;
    left: 50%;
    border-left: 1px solid #ccc;*/
    width: 70% !important;
    left: 50.5% !important;
}

/*.tree-child::before {
    height: 120px ;
}*/

.tree-ul li a {
    position: relative;
    z-index: 1;
}

.tree-ul li:nth-child(3)::before, .tree-ul li:nth-child(3)::after {
    height: 100px;
}

.tree-child li:nth-child(3)::before, .tree-child li:nth-child(3)::after {
    height: 20px !important;
}

.tree li::before, .tree li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 47.8%;
    border-top: 1px solid #ccc;
    width: 36%;
    height: 20px;
}


.tree li:last-child::before, .tree li:last-child::after {
    width: 63%;
}

.tree li::after {
    right: auto;
    left: 49.5%;
    border-left: 1px solid #ccc;
}

.tree li:only-child::after, .tree li:only-child::before {
    display: none;
}

.tree li:only-child {
    padding-top: 0;
}

.tree li:first-child::before, .tree li:last-child::after {
    border: 0 none;
}

.tree li:last-child::before {
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}

.tree li:first-child::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}

.tree-first-ul::before {
    left: 44.2% !important;
}

.meclis-ihtisas-li::before, .meclis-ihtisas-li::after {
    width: 22% !important;
    border-radius: 0px !important;
    left: 49.7% !important;
}


/*.tree-first-ul::before {
    left: 44.4% !important;
}*/



.ul-list-2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 49.5% !important;
    border-left: 1px solid #ccc;
    width: 0;
    height: 21px;
}




.ul-list::before {
    content: '';
    position: absolute;
    top: 0;
    left: 49.3% !important;
    border-left: 1px solid #ccc;
    width: 0;
    height: 21px;
}




.tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 49.7%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 21px;
}

.tree li a {
    border: 1px solid #ccc;
    /* display: initial !important; */
    padding: 5px 10px;
    text-decoration: none;
    color: #666 !important;
    font-size: 12px;
    /* display: -webkit-inline-box !important; */
    display: inline-grid !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    background: #00adef;
}

    .tree li a span {
        white-space: pre;
        float: left;
        clear: both;
    }

    .tree li a .t-bold {
        font-weight: bold;
        color: #fff;
        /*color: #00adef;*/
        font-family: 'Fira Sans', sans-serif;
    }

    .tree li a .t-text {
        font-weight: inherit;
    }

    /*Hover effects*/
    .tree li a:hover, .tree li a:hover + ul li a {
        background: #0074c7;
        color: #007bff;
        border: 1px solid #94a0b4;
    }

        .tree li a:hover + ul li::after,
        .tree li a:hover + ul li::before,
        .tree li a:hover + ul::before,
        .tree li a:hover + ul ul::before {
            border-color: #94a0b4;
        }




.ul-list li .ul-list-child {
    font-weight: bold;
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 5px;
    color: #8b8b8b !important;
    font-size: 12px;
    text-align: left;
}


    .ul-list li .ul-list-child i {
        margin-right: 5px;
    }


.text-underline {
    text-decoration: underline;
}

.section-link {
    border: none !important;
    /* display: initial !important; */
    padding: 0 !important;
    /*text-decoration: underline !important;*/
    color: inherit !important;
    font-size: 12px;
    /* display: -webkit-inline-box !important; */
    display: inline-grid !important;
    border-radius: 5px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    background: none !important;
}

    .section-link:hover {
        color: #00adef !important;
    }