a { text-decoration: none; }

#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 .grid i {  position: relative; top: 50%; max-height: 100%; transform: translateY(-50%); margin: 0 auto; }
        .files .file label { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin: 0; font-size: 11px; font-weight: normal; }
        .files .grid img { position: relative; display: block; top: 50%; max-height: 100%; transform: translateY(-50%); margin: 0 auto; }
        .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; }

/* Generic classses */
.cover { background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.m-t-5 { margin-top: 5px; }
.m-t-10 { margin-top: 10px; }
.m-t-15 { margin-top: 15px; }
.m-t-20 { margin-top: 20px; }
.m-t-23 { margin-top: 23px; }
.m-t-25 { margin-top: 25px; }
.m-t-30 { margin-top: 30px; }
.m-t-45 { margin-top: 45px; }
.m-t-60 { margin-top: 60px; }

.m-r-5 { margin-right: 5px; }
.m-r-10 { margin-right: 10px; }
.m-r-15 { margin-right: 15px; }
.m-r-30 { margin-right: 30px; }
.m-r-45 { margin-right: 45px; }
.m-r-60 { margin-right: 60px; }

.m-b-5 { margin-bottom: 5px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-15 { margin-bottom: 15px; }
.m-b-30 { margin-bottom: 30px; }
.m-b-45 { margin-bottom: 45px; }
.m-b-60 { margin-bottom: 60px; }

.m-l-5 { margin-left: 5px; }
.m-l-10 { margin-left: 10px; }
.m-l-15 { margin-left: 15px; }
.m-l-30 { margin-left: 30px; }
.m-l-45 { margin-left: 45px; }
.m-l-60 { margin-left: 60px; }

.p-t-5 { padding-top: 5px; }
.p-t-10 { padding-top: 10px; }
.p-t-15 { padding-top: 15px; }
.p-t-30 { padding-top: 30px; }
.p-t-45 { padding-top: 45px; }
.p-t-60 { padding-top: 60px; }

.p-r-5 { padding-right: 5px; }
.p-r-10 { padding-right: 10px; }
.p-r-15 { padding-right: 15px; }
.p-r-30 { padding-right: 30px; }
.p-r-45 { padding-right: 45px; }
.p-r-60 { padding-right: 60px; }

.p-b-5 { padding-bottom: 5px; }
.p-b-10 { padding-bottom: 10px; }
.p-b-15 { padding-bottom: 15px; }
.p-b-30 { padding-bottom: 30px; }
.p-b-45 { padding-bottom: 45px; }
.p-b-60 { padding-bottom: 60px; }

.p-l-5 { padding-left: 5px; }
.p-l-10 { padding-left: 10px; }
.p-l-15 { padding-left: 15px; }
.p-l-30 { padding-left: 30px; }
.p-l-45 { padding-left: 45px; }
.p-l-60 { padding-left: 60px; }