#foldertree {
}

    #foldertree > ul {
        max-width: 500px;
        max-height: 90%;
        padding: 20px;
        overflow: auto;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        margin-top: 200px;
        /*color:white;*/
        background-color: white;
    }

        #foldertree > ul > li:last-child {
            padding: 15px;
        }

            #foldertree > ul > li:last-child > button {
                padding: 5px 20px;
                background-color: #4eadff;
                border: 0px;
                margin-left:20px;
            }

                #foldertree > ul > li:last-child > button:hover {
                    background-color: #0f5380;
                    color: white;
                }

        #foldertree > ul p {
            margin: 0px;
            line-height: 36px;
        }

            #foldertree > ul p:hover, #foldertree > ul p.selected {
                box-shadow: 0 0 3px rgb(32, 156, 255);
            }

            #foldertree > ul p span {
                display: inline-block;
                vertical-align: middle;
                width: 16px;
                height: 16px;
                background-size: 100% 100%;
            }

                #foldertree > ul p span:last-child {
                    display: inline;
                    width: auto;
                }

                #foldertree > ul p span.folderOpen {
                    width: 0;
                    height: 0;
                    border-top: 0.7em solid #4c4c4c;
                    border-right: 0.5em solid transparent;
                    border-left: 0.5em solid transparent;
                }

                #foldertree > ul p span.folderClose {
                    width: 0;
                    height: 0;
                    border-left: 0.7em solid #4c4c4c;
                    border-bottom: 0.5em solid transparent;
                    border-top: 0.5em solid transparent;
                    margin-left: 5px;
                }