﻿#files { }
    #files a { font-weight: normal; color: #000; }
    #files hr { margin: 0; }

/* Files overview */
.files { }
    .files .file { padding: 5px 5px 0 5px; }
        .files .file a { display: block; }
        .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:hover { background-color: rgba(0, 0, 0, 0.1); }
        .files .file label { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0; font-size: 11px; 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%; }
        .directories .directory:hover { background-color: rgba(0, 0, 0, 0.1); }

#sb-title { background-color: rgba(0, 0, 0, 0.65); }
#sb-title-inner a { font-size: 12px; color: #fff; 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; color: #000; 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; color: #000; 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; color: #000; font-size: 18px; padding-right: 0.5em; position: absolute; top: 0px; left: 0; }
