.tree-dropdown {
    position: relative;
    display: block;
    font-size: 13px;
    color: #555;
    cursor: default;
}

    .tree-dropdown .select {
        padding: 0 10px;
        height: 30px;
        display: block;
        line-height: 30px;
        color: #555;
        vertical-align: middle;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }

        .tree-dropdown .select::after {
            content: " ";
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 6px solid #555;
            position: absolute;
            right: 10px;
            top: 13px;
        }

    .tree-dropdown p {
        line-height: 30px;
        margin: 0;
        color: #555;
    }

    .tree-dropdown .list {
        box-sizing: content-box;
        position: absolute;
        top: 33px;
        left: 0px;
        right: 0px;
        background-color: #FFF;
        border-style: solid;
        border-color: #cccccc;
        border-width: 1px 1px 1px 1px;
        z-index: 1100;
        overflow-x: hidden;
        max-height: 300px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }

    .tree-dropdown ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

        .tree-dropdown ul:first-child {
            padding: 0px;
        }

    .tree-dropdown .list p:hover {
        background: #eee;
    }

    .tree-dropdown .list p.selected {
        background: #DDDBFF;
    }

    .tree-dropdown .level-0 {
        padding-left: 15px;
    }

    .tree-dropdown .level-1 {
        padding-left: 30px;
    }

    .tree-dropdown .level-2 {
        padding-left: 45px;
    }

    .tree-dropdown .level-3 {
        padding-left: 60px;
    }

    .tree-dropdown .level-4 {
        padding-left: 75px;
    }

    .tree-dropdown .level-5 {
        padding-left: 90px;
    }

    .tree-dropdown .level-6 {
        padding-left: 105px;
    }

    .tree-dropdown .level-7 {
        padding-left: 120px;
    }

    .tree-dropdown .level-8 {
        padding-left: 135px;
    }

    .tree-dropdown .level-9 {
        padding-left: 150px;
    }

    .tree-dropdown .level-10 {
        padding-left: 110px;
    }