.simple-browser {
    min-height: 300px;
    overflow-y: auto;
    background-color: $white;
    color: $tools-text;
    padding: 1em 0;
    font-size: 12px;
    ul {
        margin-top: 0;
        list-style-type: none;
        padding-left: 1em;
        margin-left: .6em;
        svg {
            height: 11px;
            width: 14px;
            g { fill: black; }
        }
        svg.folder-closed {
            margin-right: .5em;
        }
        li {
            line-height: 1em;
            padding: 0.5em 0 .5em .5em;
            cursor: pointer;
            &.folder {
                line-height: 1em;
            }
            &:last-child {

            }
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
    .folders {
        ul {
            border-left: 1px solid #545454;
            position: relative;
            padding-top: .5em;
            &:after {
                content: "●";
                font-size: 16px;
                position: absolute;
                color: #545454;
                width: 5px;
                height: 5px;
                left: -6px;
                bottom: 4px;
            }
            ul {
                &:after {
                    left: -5px;

                }
                ul {
                    border: none;
                    padding-left: 0;
                    &:before,
                    &:after {
                        content: none;
                    }
                }
            }

        }
    }
    .file:hover {
        background-color: $tools-text;
        color: white;
        svg g { fill: white; }
    }
}