.orgchart {
    font-family: Poppins500;
}

    .orgchart ul {
        list-style-type: none;
        padding-left: 30px;
        font-size: 14px;
    }

        .orgchart ul .p {
            display: flex;
            justify-items: center;
            min-height: 30px;
            text-align: left;
            line-height: 28px;
        }

    .orgchart li {
        border-left: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
    }

        .orgchart li > ul {
            border-top: solid 1px #ddd;
        }

            .orgchart li > ul > li:last-child {
                border-bottom: none;
            }

    .orgchart i.icon {
        color: #555;
        font-size: 19px;
        width: 30px;
        line-height: 27px;
    }

    .orgchart .text {
        vertical-align: middle;
    }

    .orgchart .avatar {
        border-radius: 50%;
        width: 20px;
        margin-right: 5px;
        cursor: pointer;
    }

    .orgchart .head {
        color: royalblue;
        margin-left: 5px;
    }

    .orgchart .amb {
        color: forestgreen;
        margin-left: 5px;
    }

    .orgchart .holiday {
        color: crimson;
        margin-left: 5px;
    }

    .orgchart .deptcolor {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: inline-block;
        margin-left: 5px;
        position: relative;
        top: 5px;
    }

.orgdesc, .orgdesc p {
    font-family: Poppins500;
    font-size: 12px;
    color: #11181C;
}

@media (max-width: 600px) {
    .orgchart ul {
        padding-left: 16px;
    }
}