.fileexplorer {
    display: flex;
    flex-flow: column;
    color: #333;
}
.foldercrumbs {
    border-bottom: 1px solid silver;
    width: 100%;
    height: 22px;
    white-space: nowrap;
    overflow: hidden;
    flex-shrink: 0;
}
.fileexplorer-content {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-flow: row;
    min-height: 0;
    min-width: 0;
}
.foldertree {
    width: 250px;
    overflow: auto;
    overflow-x: auto;
    flex-shrink: 0;
    border-right: 1px solid #eee;
}
.foldercontent {
    overflow: auto;
    flex-grow: 1;
    border-left: 0px solid #eee;
    padding-left: 5px;
}

.foldertree-expander {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}
.foldertree-expander-expanded {
    background-image: url(../images/file-explorer/arrow-down.png);
}
.foldertree-expander-collapsed {
    background-image: url(../images/file-explorer/arrow-right.png);
}
.waiting {
    background: url(../images/file-explorer/spinner.gif) no-repeat center center;
}
.foldertree-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
}
.foldertree-icon-expanded {
    background-image: url(../images/file-explorer/folder_open.png);
}
.foldertree-icon-collapsed {
    background-image: url(../images/file-explorer/directory.png);
}
.file-icon {
    background-image: url(../images/file-explorer/file.png);
}
.drive-icon {
    background-image: url(../images/file-explorer/drive.png);
}
.foldertree-label,
.folder-crumb {
    line-height: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
    font-family: Verdana, sans-serif;
    font-size: 16px;
    cursor: pointer;
}
.folder-crumb {
    color: darkblue;
}
.foldertree-node {
    margin-top: 3px;
    margin-bottom: 3px;
    white-space: nowrap;
}
.foldertree-label:hover,
.folder-crumb:hover {
    background-color: #bdf;
}
.foldertree-node-selected > .foldertree-label {
    font-weight: bold;
    color: black;
}
.foldertree-error {
    font-size: 16px;
    color: gray;
    margin-left: 20px;
}
.foldercontent-item {
    margin-top: 3px;
    margin-bottom: 3px;
    width: 100%;
}
.foldercontent-item,
.folder-crumb {
    line-height: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
    font-family: Verdana, sans-serif;
    font-size: 16px;
}
.folder-crumb-separator {
    background: url(../images/file-explorer/arrow-right-small.png) no-repeat
        center center;
    display: inline-block;
    height: 18px;
    width: 18px;
}
.folder-crumb,
.folder-crumb-separator,
.foldertree-label,
.foldercontent-label {
    padding: 0 2px;
}
.foldercontent-item:hover {
    background-color: #bdf;
}

.foldercontent-label {
    min-width: 250px;
    width: 50%;
    white-space: nowrap;
    float: left;
    vertical-align: top;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}
.foldercontent-subitem-0 {
    vertical-align: top;
    width: 150px;
    float: left;
    padding-left: 5px;
    border-left: #eee solid 1px;
    border-right: #eee solid 1px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.foldercontent-subitem-1 {
    display: block;
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}
.foldercontent-icon {
    float: left;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center center;
}
/*
.gutter {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50%;
}

.gutter.gutter-vertical {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
  cursor: row-resize;
}

.gutter.gutter-horizontal {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
  cursor: col-resize;
}
*/
.gutter.gutter-vertical {
    cursor: row-resize;
}
.gutter.gutter-horizontal {
    cursor: col-resize;
}
.file-icon.ext-3gp {
    background: url(../images/file-explorer/film.png) left top no-repeat;
}
.file-icon.ext-afp {
    background: url(../images/file-explorer/code.png) left top no-repeat;
}
.file-icon.ext-afpa {
    background: url(../images/file-explorer/code.png) left top no-repeat;
}
.file-icon.ext-asp {
    background: url(../images/file-explorer/code.png) left top no-repeat;
}
.file-icon.ext-aspx {
    background: url(../images/file-explorer/code.png) left top no-repeat;
}
.file-icon.ext-avi {
    background: url(../images/file-explorer/film.png) left top no-repeat;
}
.file-icon.ext-bat {
    background: url(../images/file-explorer/application.png) left top no-repeat;
}
.file-icon.ext-bmp {
    background: url(../images/file-explorer/picture.png) left top no-repeat;
}
.file-icon.ext-c {
    background: url(../images/file-explorer/code.png) left top no-repeat;
}
.file-icon.ext-cfm {
    background: url(../images/file-explorer/code.png) left top no-repeat;
}
.file-icon.ext-cgi {
    background: url(../images/file-explorer/code.png) left top no-repeat;
}
.file-icon.ext-com {
    background: url(../images/file-explorer/application.png) left top no-repeat;
}
.file-icon.ext-cpp {
    background: url(../images/file-explorer/code.png) left top no-repeat;
}
.file-icon.ext-css {
    background: url(../images/file-explorer/css.png) left top no-repeat;
}
.file-icon.ext-doc,
.file-icon.ext-docx {
    background: url(../images/file-explorer/doc.png) left top no-repeat;
}
.file-icon.ext-exe {
    background: url(../images/file-explorer/application.png) left top no-repeat;
}
.file-icon.ext-gif {
    background: url(../images/file-explorer/picture.png) left top no-repeat;
}
.file-icon.ext-fla {
    background: url(../images/file-explorer/flash.png) left top no-repeat;
}
.file-icon.ext-h {
    background: url(../images/file-explorer/code.png) left top no-repeat;
}
.file-icon.ext-htm {
    background: url(../images/file-explorer/html.png) left top no-repeat;
}
.file-icon.ext-html {
    background: url(../images/file-explorer/html.png) left top no-repeat;
}
.file-icon.ext-jar {
    background: url(../images/file-explorer/java.png) left top no-repeat;
}
.file-icon.ext-jpg {
    background: url(../images/file-explorer/picture.png) left top no-repeat;
}
.file-icon.ext-jpeg {
    background: url(../images/file-explorer/picture.png) left top no-repeat;
}
.file-icon.ext-js {
    background: url(../images/file-explorer/script.png) left top no-repeat;
}
.file-icon.ext-lasso {
    background: url(../images/file-explorer/code.png) left top no-repeat;
}
.file-icon.ext-log {
    background: url(../images/file-explorer/txt.png) left top no-repeat;
}
.file-icon.ext-m4p {
    background: url(../images/file-explorer/music.png) left top no-repeat;
}
.file-icon.ext-mov {
    background: url(../images/file-explorer/film.png) left top no-repeat;
}
.file-icon.ext-mp3 {
    background: url(../images/file-explorer/music.png) left top no-repeat;
}
.file-icon.ext-mp4 {
    background: url(../images/file-explorer/film.png) left top no-repeat;
}
.file-icon.ext-mpg {
    background: url(../images/file-explorer/film.png) left top no-repeat;
}
.file-icon.ext-mpeg {
    background: url(../images/file-explorer/film.png) left top no-repeat;
}
.file-icon.ext-ogg {
    background: url(../images/file-explorer/music.png) left top no-repeat;
}
.file-icon.ext-ogv {
    background: url(../images/file-explorer/film.png) left top no-repeat;
}
.file-icon.ext-pcx {
    background: url(../images/file-explorer/picture.png) left top no-repeat;
}
.file-icon.ext-pdf {
    background: url(../images/file-explorer/pdf.png) left top no-repeat;
}
.file-icon.ext-php {
    background: url(../images/file-explorer/php.png) left top no-repeat;
}
.file-icon.ext-png {
    background: url(../images/file-explorer/picture.png) left top no-repeat;
}
.file-icon.ext-ppt {
    background: url(../images/file-explorer/ppt.png) left top no-repeat;
}
.file-icon.ext-psd {
    background: url(../images/file-explorer/psd.png) left top no-repeat;
}
.file-icon.ext-pl {
    background: url(../images/file-explorer/script.png) left top no-repeat;
}
.file-icon.ext-py {
    background: url(../images/file-explorer/script.png) left top no-repeat;
}
.file-icon.ext-rb {
    background: url(../images/file-explorer/ruby.png) left top no-repeat;
}
.file-icon.ext-rbx {
    background: url(../images/file-explorer/ruby.png) left top no-repeat;
}
.file-icon.ext-rhtml {
    background: url(../images/file-explorer/ruby.png) left top no-repeat;
}
.file-icon.ext-rpm {
    background: url(../images/file-explorer/linux.png) left top no-repeat;
}
.file-icon.ext-ruby {
    background: url(../images/file-explorer/ruby.png) left top no-repeat;
}
.file-icon.ext-sql {
    background: url(../images/file-explorer/db.png) left top no-repeat;
}
.file-icon.ext-swf {
    background: url(../images/file-explorer/flash.png) left top no-repeat;
}
.file-icon.ext-tif {
    background: url(../images/file-explorer/picture.png) left top no-repeat;
}
.file-icon.ext-tiff {
    background: url(../images/file-explorer/picture.png) left top no-repeat;
}
.file-icon.ext-txt {
    background: url(../images/file-explorer/txt.png) left top no-repeat;
}
.file-icon.ext-vb {
    background: url(../images/file-explorer/code.png) left top no-repeat;
}
.file-icon.ext-wav {
    background: url(../images/file-explorer/music.png) left top no-repeat;
}
.file-icon.ext-webm {
    background: url(../images/file-explorer/film.png) left top no-repeat;
}
.file-icon.ext-wmv {
    background: url(../images/file-explorer/film.png) left top no-repeat;
}
.file-icon.ext-xls,
.file-icon.ext-xlsx {
    background: url(../images/file-explorer/xls.png) left top no-repeat;
}
.file-icon.ext-xml {
    background: url(../images/file-explorer/code.png) left top no-repeat;
}
.file-icon.ext-zip {
    background: url(../images/file-explorer/zip.png) left top no-repeat;
}