﻿#files {
}

    #files hr {
        margin: 0;
    }

/* Files overview */
.files {
}

    .files .file {
        padding: 5px 5px 0 5px;
    }

        .files .file a {
            display: block;
            height: 80px;
        }

        .files .file.list a {
            width: 100%;
        }

        .files .file.list i {
            font-size: 150%;
            padding-right: 5px;
        }

        .files .file.list img {
            max-height: 21px;
            padding-right: 5px;
        }

        .files .file.list label {
            float: left;
            display: inline;
        }

        .files .file.list input {
            float: right;
        }


        .files .file label {
            display: block;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            margin: 0;
            font-weight: normal;
        }

        .files .file img {
        }

            .files .file img.loading {
                background: transparent url('images/loader.gif') no-repeat scroll center center;
            }

/* Directories overview */
.directories {
}

    .directories .directory {
        padding: 5px 5px 0 5px;
    }

        .directories .directory.list i {
            font-size: 150%;
            padding-right: 5px;
        }

        .directories .directory a {
            display: block;
            width: 100%;
        }

#sb-title {
    background-color: rgba(0, 0, 0, 0.65);
}

#sb-title-inner a {
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
}

    #sb-title-inner a:hover {
        color: #bbb;
    }

/* Directory treeview */
.treeview td.folder {
    position: relative;
    width: 20px;
}

.treeview a {
    font-size: 12px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.treeview .folder img {
    display: none;
}

.treeview td.folder:before {
    content: "\f114";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}

.treeview td.folder-open:before {
    content: "\f07c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}

.treeview td.folder-hover:before {
    content: "\f07b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}
